.school-login-dialog{border:1px solid #dce3ed;border-radius:18px;padding:0;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;color:#1b2a42;background:#fff;box-shadow:0 24px 80px #15284426;font-family:inherit}.school-login-dialog::backdrop{background:#17263d66;backdrop-filter:blur(4px)}.school-login-panel{position:relative;padding:38px 32px 30px}.school-login-close{position:absolute;right:14px;top:12px;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:#64748b;font-size:25px;cursor:pointer}.school-login-close:hover{background:#f0f3f8}.school-login-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#edf2fc;color:#355b9f;font-size:21px;font-weight:700;margin-bottom:22px}.school-login-panel h2{font-size:25px;font-weight:650;letter-spacing:-.02em;margin:0 0 12px}.school-login-panel p{font-size:14px;line-height:1.8;color:#66758a;margin:0 0 18px}.school-login-panel .school-login-domain{font-size:13px;margin-bottom:24px}.school-login-domain strong{font-weight:600;color:#344965}.school-google-button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;width:100%;border:1px solid #c7d2e1;border-radius:8px;background:#fff;color:#25354b;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;padding:12px 16px}.school-google-button svg{width:21px;height:21px;flex:none}.school-google-button:hover:enabled{background:#f7f9fc;border-color:#8ea6c8}.school-google-button:disabled{opacity:.65;cursor:wait}.school-login-panel .school-login-status{min-height:24px;font-size:13px;margin:12px 0 0}.school-login-panel .school-login-error{color:#9b352c;font-size:13px;background:#fff5f2;border-radius:8px;padding:11px 13px;margin:10px 0}.school-login-panel .school-login-note{border-top:1px solid #e6ebf2;padding-top:18px;margin:18px 0 0;font-size:12px;color:#738096}.school-login-retry{border:0;background:transparent;padding:8px 0;color:#355b9f;font:inherit;font-size:13px;text-decoration:underline;cursor:pointer}.school-login-dialog button:focus-visible{outline:3px solid #7b9acb;outline-offset:3px}.school-login-dialog [hidden]{display:none!important}@media(max-width:480px){.school-login-panel{padding:32px 24px 25px}.school-login-panel h2{font-size:23px}}

body[data-login-required="true"] #app{display:none!important}#school-login-gate{min-height:100vh;display:grid;place-items:center;background:#f5f7fa;padding:32px;text-align:center}#school-login-gate>div{max-width:460px}#school-login-gate .school-login-mark{display:inline-grid;margin:0 auto 20px}#school-login-gate h1{font-size:28px;color:#192b42}#school-login-gate p{color:#687889;line-height:1.7}

.school-login-logo{display:block;width:100%;max-width:340px;height:auto;object-fit:contain;margin:0 auto 22px}.school-login-panel .school-login-logo{max-width:300px}#school-login-gate .school-login-logo{max-width:400px}.school-brand-lockup{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}.school-brand-logo{display:block;width:100%;max-width:215px;height:auto;object-fit:contain}.school-brand-lockup .brand-sub{color:inherit;font-size:12px}

#school-login-gate{padding:0;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:100svh;text-align:left;background:#fff;color:#1c3047}#school-login-gate>div{max-width:none}.login-welcome{position:relative;min-height:100svh;padding:48px 64px 28px;background:#edf3f8;overflow:hidden;display:flex;flex-direction:column}.login-welcome header{display:flex;flex-direction:column;align-items:flex-start}.login-welcome .school-login-logo{width:280px;max-width:100%;margin:-25px 0 -20px}.login-platform{font-size:12px;color:#49657f;letter-spacing:3px;padding-left:7px}.login-story{flex:1;padding-top:64px;position:relative}.login-eyebrow{font-size:11px;letter-spacing:2px;color:#657f98;font-weight:600}#school-login-gate .login-story h1{font-size:clamp(30px,3.1vw,46px);font-weight:600;line-height:1.5;letter-spacing:-1px;margin:22px 0 16px}#school-login-gate .login-story p{font-size:15px;line-height:1.9;color:#6b8194;margin:0}.login-welcome footer,.login-entry footer{font-size:11px;color:#8293a4;letter-spacing:1px}.login-art{height:220px;width:300px;position:relative;margin:38px auto 15px}.login-orbit{position:absolute;width:240px;height:240px;border:1px solid #d3dfeb;border-radius:50%;left:35px;top:-5px;box-shadow:0 0 0 26px #e8eff6,0 0 0 27px #dfe8f1}.login-calendar-art{position:absolute;left:28px;top:8px;width:230px;padding:20px 22px;background:#fff;border:1px solid #dfe7ef;border-radius:14px;transform:rotate(-7deg);box-shadow:0 18px 42px #2b456014}.login-calendar-art>span{font-size:12px;font-weight:600;color:#627b95}.login-art-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:20px}.login-art-grid i{display:block;aspect-ratio:1;background:#eef3f8;border-radius:4px}.login-art-grid i:nth-child(10),.login-art-grid i:nth-child(17),.login-art-grid i:nth-child(24){background:#a3bed8}.login-art-grid i:nth-child(12){background:#305e87}.login-art-line{height:5px;background:#e7edf3;border-radius:3px;margin-top:15px;width:80%}.login-art-line.short{width:50%;margin-top:7px}.login-art-tag{position:absolute;right:0;bottom:10px;background:#23496c;color:#fff;padding:13px 20px;border-radius:9px;font-size:12px;box-shadow:0 10px 24px #23496c20}.login-entry{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:60px 44px}.login-entry-card{width:100%;max-width:365px}.login-entry-card h2{font-size:28px;letter-spacing:-.6px;line-height:1.4;margin:18px 0 15px;font-weight:600}#school-login-gate .login-entry-card>p{font-size:14px;line-height:1.9;color:#788697;margin-bottom:32px}.login-entry-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:54px;border:1px solid #d4dde7;border-radius:9px;background:white;color:#243c55;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 3px 8px #21364d05;transition:border-color .2s,background .2s}.login-entry-button:hover{background:#f7faff;border-color:#7d9dbc}.login-entry-button:focus-visible{outline:3px solid #83a6ca;outline-offset:4px}.login-entry-button svg{width:19px;height:19px;margin-left:auto;margin-right:15px}.login-google-g{font-family:Arial,sans-serif;font-size:22px;font-weight:700;color:#4285f4;margin-left:17px}.login-domain-note{font-size:11px;color:#8b98a6;display:flex;justify-content:space-between;margin-top:14px}.login-domain-note strong{color:#627990;font-weight:500}.login-entry-help{border-top:1px solid #edf0f4;margin-top:38px;padding-top:23px}.login-entry-help>span{font-size:12px;font-weight:600;color:#687c8f}#school-login-gate .login-entry-help p{font-size:12px;line-height:1.9;color:#8995a3;margin:9px 0 0}.login-entry footer{position:absolute;bottom:28px}body[data-login-required="true"] .skip,body[data-login-required="true"] #bottom-nav{display:none!important}@media(max-width:760px){#school-login-gate{grid-template-columns:1fr}.login-welcome{min-height:auto;padding:26px 28px 32px}.login-welcome .school-login-logo{width:235px;margin:-20px 0 -14px}.login-story{padding-top:30px}#school-login-gate .login-story h1{font-size:30px;margin:15px 0 10px}.login-story>p,.login-art,.login-welcome footer{display:none}.login-entry{padding:38px 28px 70px;min-height:440px;align-items:stretch}.login-entry-card{max-width:440px;margin:auto}.login-entry footer{align-self:center;bottom:22px}}

.login-language{position:absolute;right:26px;top:22px;display:flex;gap:4px;z-index:1}.login-language button{border:0;background:transparent;color:#74869a;font:inherit;font-size:12px;padding:8px 10px;border-radius:6px;cursor:pointer}.login-language button[aria-pressed="true"]{background:white;color:#294f74;box-shadow:0 2px 8px #23496c0a}.login-language button:focus-visible{outline:2px solid #6d96bf;outline-offset:2px}html[lang="en"] .login-story h1{font-size:clamp(30px,3vw,44px);letter-spacing:-1.2px;line-height:1.25}html[lang="en"] .login-entry-button{font-size:14px}html[lang="en"] .login-eyebrow{letter-spacing:1.4px}