.design-choices{max-width:1184px;margin:22px auto;display:grid;grid-template-columns:repeat(3,1fr);padding:0 28px;gap:12px}.design-choices button{text-align:start;padding:18px 22px;border-radius:16px;background:#fff}.design-choices b,.design-choices span{display:block}.design-choices b{font-size:16px}.design-choices span{font-size:11px;color:#8a7795;margin-top:6px}.design-choices [aria-pressed=true]{border-color:#73469a;background:#f1e9f8;box-shadow:0 0 0 2px #73469a15}.design-b .login-experience{background:#21152e;border-color:#46304f;box-shadow:0 30px 90px #29123935}.design-b .login-story{background:radial-gradient(ellipse at 0% 100%,#a2773938,transparent 55%),radial-gradient(ellipse at 90% 20%,#733da775,transparent 55%),#21152e}.design-b .login-form-side{background:#2a1d39;margin:20px;border:1px solid #50385e;border-radius:22px;color:#fff}.design-b .login-form-content h2{color:#fff}.design-b .login-form-content input{background:#352443;border-color:#584265;color:white}.design-b .login-intro,.design-b .login-help,.design-b .login-date,.design-b .login-privacy,.design-b .login-audiences{color:#c5b1d2}.design-b .login-submit{background:linear-gradient(100deg,#c4a15c,#e7ce94)!important;color:#352243;border-color:#d4b66e;font-weight:700}.design-b .field-icon{color:#d9c5e8}.design-b .field-icon:hover{background:#614675}.design-b .story-orbit{border-color:#d7b96e45;transform:rotate(-30deg);width:600px;height:300px;inset-inline-end:-120px;top:325px}.design-b .orbit-two{transform:rotate(40deg);width:450px;height:450px;top:210px}.design-b .art-disc{border-style:dashed;width:220px;height:220px;animation:orbit-turn 55s linear infinite}.design-b .art-book{filter:drop-shadow(0 0 25px #d8ba7440)}.design-b .story-copy h1{color:#f4e5bf}.design-b .story-eyebrow{letter-spacing:2px}.design-c .login-experience{grid-template-columns:.9fr 1fr;box-shadow:0 15px 60px #62447c0c;background:#fffefb;border-color:#e6dfcf}.design-c .login-story{background:repeating-linear-gradient(0deg,transparent,transparent 35px,#b5a4c52b 36px),#f7f0e0;color:#51217f;border-inline-end:1px solid #e6dcca}.design-c .login-brand span,.design-c .story-copy p,.design-c .story-footer{color:#7c697d}.design-c .story-copy h1{color:#51217f;font-size:44px}.design-c .story-copy{margin-top:65px}.design-c .story-orbit{border-color:#bea06830;width:360px;height:360px;top:360px;inset-inline-end:-120px}.design-c .orbit-two{display:none}.design-c .story-eyebrow{background:#fff8eb;color:#907036;border:1px solid #d7bb80;padding:6px 14px;border-radius:30px}.design-c .art-disc{border-color:#cab278;background:#ede2cb}.design-c .art-book span{background:linear-gradient(100deg,#754a94,#4b2a70)}.design-c .art-book span:nth-child(2){background:linear-gradient(100deg,#58327b,#986db4)}.design-c .art-book i{color:#a5833e}.design-c .art-star{color:#76538d}.design-c .art-note{color:#7e658b}.design-c .login-form-side{padding-inline:56px}.design-c .login-submit{background:#51217f!important;border-radius:8px}.design-c .login-form-content input{border-radius:8px;background:white}.design-c .login-brand img{transform:rotate(4deg);border-radius:12px}.design-c .login-date{padding-bottom:15px;border-bottom:1px dashed #dfd3c1}@keyframes orbit-turn{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.design-b .art-disc{animation:none}}@media(max-width:680px){.design-choices{padding:0 14px;gap:6px}.design-choices button{padding:12px 10px}.design-choices b{font-size:12px}.design-choices span{font-size:9px}.design-b .login-form-side{margin:10px}.design-c .login-experience{grid-template-columns:1fr}.design-c .login-story{border-inline-end:0;border-bottom:1px solid #e6dcca}.design-c .story-copy{margin-top:25px}.design-c .story-copy h1{font-size:28px}.design-c .login-form-side{padding-inline:24px}}
/* Quiet school subjects, kept away from the interactive login panel. */
.science-details{display:none}.design-b .science-details{display:block;position:absolute;inset:0;overflow:hidden;pointer-events:none;user-select:none}.science-mark{position:absolute;color:#dfc792;opacity:.17;font-family:Georgia,serif;line-height:1;direction:ltr;font-weight:400;animation:science-float 13s ease-in-out infinite}.science-details svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:1.4}.mark-pi{font-size:30px;top:24%;left:12%;transform:rotate(-12deg)}.mark-energy{font-size:17px;top:19%;left:39%;transform:rotate(8deg);animation-delay:-3s}.mark-root{font-size:23px;top:48%;right:7%;animation-delay:-7s}.mark-sum{font-size:26px;bottom:17%;left:9%;animation-delay:-5s}.mark-infinity{font-size:28px;bottom:9%;right:25%;animation-delay:-9s}.mark-geometry{font-size:14px;bottom:39%;left:8%;transform:rotate(-9deg);animation-delay:-2s}.science-details .mark-atom{top:7%;left:9%;width:48px;height:48px;transform:rotate(15deg)}.science-details .mark-flask{bottom:28%;right:8%;width:32px;height:42px;transform:rotate(12deg);animation-delay:-6s}.science-details .mark-triangle{top:37%;left:7%;width:38px;height:38px;transform:rotate(-12deg);animation-delay:-4s}.science-details .mark-wave{bottom:5%;left:23%;width:60px;height:30px;animation-delay:-8s}.design-b .story-footer{position:relative;z-index:1}@keyframes science-float{0%,100%{translate:0 0}50%{translate:0 -7px}}@media(prefers-reduced-motion:reduce){.science-mark{animation:none}}@media(max-width:680px){.science-mark{opacity:.13}.mark-energy{top:13%;left:12%;font-size:13px}.mark-pi{top:51%;left:18%;font-size:22px}.mark-root,.mark-geometry,.mark-sum,.mark-infinity,.science-details .mark-flask,.science-details .mark-wave{display:none}.science-details .mark-atom{top:14%;left:33%;width:30px;height:30px}.science-details .mark-triangle{top:auto;bottom:9%;left:34%;width:28px;height:28px}}
.form-science{display:none}.design-b .login-form-side{position:relative;overflow:hidden;isolation:isolate}.design-b .form-science{display:block;position:absolute;inset:0;z-index:-1;pointer-events:none;user-select:none}.form-symbol{position:absolute;color:#e3c98e;opacity:.12;direction:ltr;font-family:Georgia,serif;font-size:22px;animation:form-drift 16s ease-in-out infinite}.form-science svg{fill:none;stroke:currentColor;stroke-width:1.3}.form-pi{left:8%;top:19%;font-size:25px;animation-delay:-4s}.form-equation{right:9%;top:8%;font-size:15px;animation-delay:-8s}.form-infinity{right:7%;bottom:16%;font-size:28px;animation-delay:-11s}.form-molecule{left:7%;bottom:5%;width:48px;height:44px;animation-delay:-6s}.form-wave{left:9%;top:44%;width:44px;height:24px;opacity:.09;animation-delay:-2s}@keyframes form-drift{0%,100%{transform:translate(0,0) rotate(-4deg)}50%{transform:translate(3px,-8px) rotate(4deg)}}@media(prefers-reduced-motion:reduce){.form-symbol{animation:none}}@media(max-width:680px){.form-symbol{opacity:.09}.form-pi,.form-wave{display:none}.form-equation{top:3%;right:7%}.form-molecule{width:32px;height:30px;bottom:3%}.form-infinity{font-size:22px;bottom:8%}}
/* Preserve the original logo artwork; clip only the printed caption in the UI. */
.login-brand .brand-emblem{width:100px;height:100px;border-radius:24px;background:#fff;display:grid;place-items:center;box-shadow:0 8px 30px #1e0a3625}.brand-symbol{position:relative;width:90px;height:74px;overflow:hidden}.login-brand .brand-symbol img{position:absolute;width:120px;max-width:none;height:auto;left:-15px;top:-8px;padding:0;border-radius:0;box-shadow:none;transform:none}.design-b .form-symbol{opacity:.18;animation:form-drift-visible 8s ease-in-out infinite}.form-sigma{left:9%;top:32%;font-size:25px;animation-delay:-2s!important}.form-root{right:5%;top:29%;font-size:21px;animation-delay:-5s!important}.form-delta{right:5%;top:56%;font-size:24px;animation-delay:-3s!important}.form-fraction{left:5%;top:67%;font-size:21px;animation-delay:-6s!important}.form-energy{left:31%;top:3%;font-size:13px;animation-delay:-4s!important}.form-atom{right:7%;bottom:4%;width:38px;height:38px;animation-delay:-1s!important}.form-geometry{left:42%;bottom:6%;width:30px;height:30px;animation-delay:-7s!important}.design-b .form-wave{opacity:.16}.design-b .form-infinity{bottom:22%;right:4%}@keyframes form-drift-visible{0%,100%{transform:translate(-3px,5px) rotate(-7deg)}50%{transform:translate(6px,-10px) rotate(7deg)}}@media(max-width:680px){.login-brand .brand-emblem{width:80px;height:82px;border-radius:18px}.brand-symbol{transform:scale(.8)}.design-b .form-symbol{opacity:.14}.form-sigma,.form-root{display:block;font-size:18px}.form-energy,.form-fraction{display:none}.form-atom{width:26px;height:26px}.form-geometry{width:23px;height:23px}}@media(prefers-reduced-motion:reduce){.design-b .form-symbol{animation:none}}
/* Mobile typography and a continuous dark sign-in canvas. */
body.school-signed-out{background:#21152e;color:#f5edf9;min-height:100dvh}.school-signed-out .signed-out{background:#21152e;min-height:calc(100dvh - 32px)}.school-signed-out .local-banner{background:#21152e;color:#c6b3d4}.school-signed-out .unified-body>header{direction:ltr;justify-content:flex-start;padding:8px 28px;background:transparent}.school-signed-out .unified-body>header .actions{margin:0;width:auto}.school-signed-out [data-action="language"]{border:0;background:none;border-radius:0;box-shadow:none;color:#deca98;padding:10px 2px;font-size:12px;min-height:40px}.school-signed-out [data-action="language"]:hover{text-decoration:underline;text-underline-offset:5px}.story-copy h1{letter-spacing:normal;word-spacing:normal}.design-b .login-experience{box-shadow:none}.school-signed-out .login-experience{border-color:#392847}@media(max-width:680px){.school-signed-out .unified-body>header{padding:4px 18px}.school-signed-out .unified-body main{padding:0 12px;margin-bottom:0}.story-copy h1{line-height:1.75;font-size:28px;white-space:normal}.story-copy{max-width:76%}.school-signed-out .login-story{padding-top:24px;padding-bottom:28px}.school-signed-out .login-experience{border-radius:20px}.school-signed-out .login-form-side{margin:8px}.login-brand .brand-emblem{flex-shrink:0}}
.login-brand .brand-emblem{position:relative;background:transparent;box-shadow:none;border-radius:0;isolation:isolate;width:112px;height:108px}.brand-emblem::before{content:'';position:absolute;inset:4px -10px;background:radial-gradient(ellipse,#eed88655 0%,#d3a9f04a 35%,#b58bdc18 55%,transparent 72%);filter:blur(10px);z-index:-1;animation:logo-glow 6s ease-in-out infinite}.login-brand .brand-symbol{width:90px;height:74px;overflow:hidden}.login-brand .brand-symbol img{filter:url(#logo-paper-removal) drop-shadow(0 0 3px #e1c4ff88)}.logo-filter-defs{position:absolute;overflow:hidden;pointer-events:none}@keyframes logo-glow{0%,100%{opacity:.7;transform:scale(.95)}50%{opacity:1;transform:scale(1.08)}}@media(max-width:680px){.login-brand{justify-content:center}.login-brand .brand-emblem{width:112px;height:100px}.login-brand .brand-symbol{transform:scale(1)}.brand-emblem::before{inset:0 -12px}.story-copy{margin-top:20px}}@media(prefers-reduced-motion:reduce){.brand-emblem::before{animation:none}}
.login-brand .brand-symbol img{filter:url(#logo-paper-removal) brightness(1.35) drop-shadow(0 0 1px #e1c4ff66)}