:root{font:16px/1.6 system-ui,sans-serif;color:#172441;background:#f4f6fb}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:30px 20px;border-top:6px solid #1c355b}main{width:100%;max-width:480px;background:#fff;border:1px solid #dbe2ec;border-radius:14px;padding:32px;text-align:center;box-shadow:0 10px 34px #172b4208}.school-logo{object-fit:contain;width:140px;height:140px}h1{font-size:27px;line-height:1.25;margin:20px 0 6px}h2{font-size:18px;margin:24px 0 8px}.subtitle{color:#5c6979;margin:0 0 26px}.google{display:block;width:180px;height:40px;margin:0 auto;border-radius:20px}.google img{display:block}.google:focus-visible,button:focus-visible{outline:3px solid #2477ba;outline-offset:4px}.google:hover{box-shadow:0 2px 8px #17244130}.hint,.access-level{font-size:13px;color:#5b687a}.notice{background:#edf3f9;border-radius:8px;padding:16px;font-size:14px;margin-top:28px}.error{background:#fff0ec;color:#8c3323;margin:0 0 20px}.identity{overflow-wrap:anywhere}ul{text-align:left;padding-left:24px}.access-level{font-weight:600}button{font:inherit;background:#fff;border:1px solid #a6b3c4;border-radius:6px;padding:7px 18px;cursor:pointer}@media(max-width:480px){main{padding:25px 20px}h1{font-size:24px}}

.powered-by{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:25px;color:#758092;font-size:12px}.powered-by img{width:130px;height:28px;object-fit:contain}