/* Eight upright badges advance one 45-degree position every three seconds. */
body.auth-screen{background:radial-gradient(ellipse at 8% 55%,#fff1b766,transparent 40%),radial-gradient(ellipse at 90% 15%,#cfe5ff8c,transparent 46%),radial-gradient(ellipse at 72% 90%,#d5f4ed70,transparent 48%),#f7fbff}
body.auth-screen::before{opacity:.44}
.auth-screen .auth-layout{width:min(1540px,calc(100% - 64px));max-width:1540px;grid-template-columns:minmax(0,1fr) 390px}
.auth-screen .auth-intro.inspire-intro{padding:24px 28px;background:radial-gradient(ellipse at 10% 65%,#ffedb480,transparent 55%),radial-gradient(ellipse at 95% 8%,#b9ddff80,transparent 54%),linear-gradient(130deg,#fafdff,#effaff 65%,#e9faf3);min-width:0}
.auth-screen .inspire-intro::after{opacity:.5}
.auth-screen .inspire-intro h1{font-size:clamp(28px,2.08vw,35px);max-width:100%;margin:15px 0 9px;line-height:1.12;letter-spacing:-1px}
.auth-screen .inspire-intro h1 br{display:none}
.auth-screen .inspire-intro>p{margin-bottom:5px;color:#52718a}
.auth-screen .form-card{padding:25px 24px;background:#ffffffed;border-left:1px solid #d6e6f2;box-shadow:-12px 0 26px #3a749706}
.auth-screen .form-card h2{font-size:25px}
.auth-screen .form-card>.eyebrow{font-size:9px}
.auth-screen .form-card>p.muted{font-size:11px}
.auth-screen .form-card .registration-grid{gap:10px}
.auth-screen .form-card .registration-grid>label{font-size:10px}
.auth-screen .form-card input,.auth-screen .form-card select{font-size:12px;min-height:39px}
.auth-screen .form-card .country-controls{grid-template-columns:.85fr 1.15fr;gap:9px}
.auth-screen .form-card #country-search{font-size:11px;min-height:34px}
.auth-screen .form-card .country-row{gap:7px}
.auth-screen .form-card #country-flag{width:25px;height:18px}
.auth-screen .form-card .google-button{font-size:12px;gap:8px}
.auth-screen .form-card .password-row input{padding-right:65px}
.auth-screen .form-card .show-password{font-size:8px;padding:0 5px}
.auth-screen .form-card .check input{min-height:0;width:15px;height:15px}
.inspire-showcase{--orbit-radius:190px;--badge-width:136px;--badge-height:42px;height:426px;margin-top:0}
.inspire-people{top:50%;bottom:auto;left:50%;width:min(600px,100%);height:350px;transform:translate(-50%,-50%);animation:orbit-students 9s ease-in-out infinite;filter:drop-shadow(0 12px 12px #296e8e18) saturate(1.08) contrast(1.025)}
.inspire-halo{width:380px;height:380px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#fff8d488,#cceff52e 60%,transparent 72%);border:1px dashed #b6d3ba;box-shadow:0 0 0 13px #e9f5f542}
.inspire-halo::before{inset:14px;border-color:#56b5d122;transform:none}
.inspire-halo::after{inset:-15px;border-color:#c4a35d15;transform:none}
.inspire-wheel{position:absolute;left:50%;top:50%;width:0;height:0;z-index:4;animation:wheel-clockwise 24s infinite}
.inspire-node{--slot:0deg;--slot-inverse:0deg;position:absolute;left:0;top:0;width:0;height:0;transform:rotate(var(--slot)) translateY(calc(-1 * var(--orbit-radius))) rotate(var(--slot-inverse))}
.inspire-node:nth-child(2){--slot:45deg;--slot-inverse:-45deg}.inspire-node:nth-child(3){--slot:90deg;--slot-inverse:-90deg}.inspire-node:nth-child(4){--slot:135deg;--slot-inverse:-135deg}.inspire-node:nth-child(5){--slot:180deg;--slot-inverse:-180deg}.inspire-node:nth-child(6){--slot:225deg;--slot-inverse:-225deg}.inspire-node:nth-child(7){--slot:270deg;--slot-inverse:-270deg}.inspire-node:nth-child(8){--slot:315deg;--slot-inverse:-315deg}
.inspire-upright{position:absolute;left:calc(var(--badge-width) / -2);top:calc(var(--badge-height) / -2);width:var(--badge-width);height:var(--badge-height);animation:wheel-upright 24s infinite}
.inspire-upright .inspire-chip{position:relative;inset:auto;animation:none;translate:none;width:100%;max-width:none;height:100%;min-height:0;padding:5px 8px 5px 5px;gap:6px;border-radius:30px;background:#fffffff7;border-color:color-mix(in srgb,var(--chip) 42%,white);box-shadow:0 6px 17px #356a8b13,inset 0 1px #fff}
.inspire-chip strong{font-size:9px;color:#193e5d}
.inspire-chip small{font-size:6.5px;color:#678399}
.inspire-chip-icon{width:27px;height:27px;box-shadow:0 3px 8px color-mix(in srgb,var(--chip) 30%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--chip) 85%,white),var(--chip))}
.inspire-chip-icon svg{width:16px;height:16px}
.chip-lecture svg{animation:orbit-lecture 4s ease-in-out infinite}.chip-practice svg{animation:orbit-practice 5s ease-in-out infinite}.chip-lab svg{animation:orbit-lab 5s ease-in-out infinite}.chip-slides svg{animation:orbit-slides 5s ease-in-out infinite}.chip-video svg{animation:orbit-video 3s ease-in-out infinite}.chip-quiz svg{animation:orbit-quiz 4s ease-in-out infinite}.chip-game svg{animation:orbit-game 8s ease-in-out infinite}.chip-library svg{animation:orbit-library 6s ease-in-out infinite}
.orbit-toggle{position:absolute;z-index:5;right:0;bottom:2px;display:flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid #cfe2eb;border-radius:20px;background:#ffffffa8;color:#587c93;font-size:8px;line-height:1.4;box-shadow:0 2px 8px #2b657c06}
.orbit-toggle>span:first-child{font-size:10px;font-weight:700;line-height:1}
.orbit-toggle:hover{color:#216b90;background:#fff}
.orbit-paused *{animation-play-state:paused!important}
.inspire-footer{margin-top:auto;padding-top:9px;color:#607f93}
@keyframes wheel-clockwise{0%,10%{transform:rotate(0deg)}12.5%,22.5%{transform:rotate(45deg)}25%,35%{transform:rotate(90deg)}37.5%,47.5%{transform:rotate(135deg)}50%,60%{transform:rotate(180deg)}62.5%,72.5%{transform:rotate(225deg)}75%,85%{transform:rotate(270deg)}87.5%,97.5%{transform:rotate(315deg)}100%{transform:rotate(360deg)}}
@keyframes wheel-upright{0%,10%{transform:rotate(0deg)}12.5%,22.5%{transform:rotate(-45deg)}25%,35%{transform:rotate(-90deg)}37.5%,47.5%{transform:rotate(-135deg)}50%,60%{transform:rotate(-180deg)}62.5%,72.5%{transform:rotate(-225deg)}75%,85%{transform:rotate(-270deg)}87.5%,97.5%{transform:rotate(-315deg)}100%{transform:rotate(-360deg)}}
@keyframes orbit-students{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 3px))}}
@keyframes orbit-lecture{0%,100%{opacity:1}50%{opacity:.7;transform:translateY(-1px)}}
@keyframes orbit-practice{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
@keyframes orbit-lab{0%,100%{transform:rotate(0)}35%{transform:rotate(-7deg)}65%{transform:rotate(7deg)}}
@keyframes orbit-slides{0%,100%{transform:translateX(0)}50%{transform:translateX(1.5px)}}
@keyframes orbit-video{0%,100%{filter:drop-shadow(0 0 0 #fff0)}50%{filter:drop-shadow(0 0 2px #ffffffa0);transform:scale(1.1)}}
@keyframes orbit-quiz{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes orbit-game{0%,35%,100%{transform:rotate(0)}50%,85%{transform:rotate(90deg)}}
@keyframes orbit-library{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
@media(min-width:1500px) and (min-height:850px){.auth-screen .auth-layout{grid-template-columns:minmax(0,1fr) 420px}.auth-screen .auth-intro.inspire-intro{padding:28px 34px}.inspire-showcase{--orbit-radius:205px;--badge-width:150px;--badge-height:46px;height:462px}.inspire-halo{width:410px;height:410px}.inspire-people{height:375px}.inspire-chip strong{font-size:10px}.inspire-chip small{font-size:7px}.inspire-chip-icon{width:30px;height:30px}.inspire-chip-icon svg{width:18px;height:18px}.auth-screen .form-card{padding:30px}}
@media(min-width:1100px) and (max-height:739px){.inspire-showcase{--orbit-radius:171px;--badge-width:126px;--badge-height:38px;height:385px}.inspire-halo{width:342px;height:342px}.inspire-people{height:315px}.auth-screen .auth-intro.inspire-intro{padding:20px 24px}.auth-screen .inspire-intro h1{font-size:27px;margin-top:12px}.inspire-chip strong{font-size:8px}.inspire-chip small{font-size:6px}.inspire-chip-icon{width:24px;height:24px}}
@media(max-width:1099px){.auth-screen .auth-layout{width:calc(100% - 40px);grid-template-columns:1fr;max-width:800px}.auth-screen .auth-intro.inspire-intro{border-radius:24px 24px 0 0;border-right:1px solid #e2ecf4;padding:26px;min-height:0}.auth-screen .form-card{border-radius:0 0 24px 24px;border:1px solid #dfe8f3;padding:30px}.auth-screen .form-card .registration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-screen .form-card input,.auth-screen .form-card select{font-size:16px}.inspire-showcase{--orbit-radius:190px;--badge-width:136px;--badge-height:42px;height:426px}.inspire-halo{width:380px;height:380px}.inspire-people{width:min(570px,100%);height:350px;bottom:auto}.inspire-footer{padding-top:16px}}
@media(max-width:720px){.auth-screen .auth-layout{width:calc(100% - 28px)}.auth-screen .auth-intro.inspire-intro{padding:22px 18px;min-height:0;border-radius:22px 22px 0 0}.auth-screen .inspire-intro h1{font-size:28px;line-height:1.12;margin:16px 0 10px}.auth-screen .inspire-intro h1 br{display:block}.auth-screen .inspire-intro>p{font-size:10px;margin-bottom:10px}.inspire-showcase{--orbit-radius:110px;--badge-width:78px;--badge-height:28px;height:248px}.inspire-halo{width:220px;height:220px}.inspire-halo::before{inset:8px}.inspire-halo::after{inset:-9px}.inspire-people{width:88%;height:182px;filter:drop-shadow(0 7px 7px #28648413) saturate(1.08)}.inspire-upright .inspire-chip{padding:3px 4px;gap:3px;box-shadow:0 3px 8px #356a8b0c}.inspire-chip-icon{width:18px;height:18px;flex-shrink:0}.inspire-chip-icon svg{width:11px;height:11px}.inspire-chip strong{font-size:6.5px;line-height:1.15;white-space:normal}.inspire-chip small{display:none}.inspire-chip-copy{gap:0}.orbit-toggle{font-size:7px;padding:4px 6px;bottom:0}.orbit-toggle>span:first-child{font-size:8px}.inspire-footer{font-size:7px;padding-top:15px;gap:12px}.auth-screen .form-card{padding:27px 23px;border-radius:0 0 22px 22px}.auth-screen .form-card .registration-grid{grid-template-columns:1fr}.auth-screen .form-card .registration-grid>label{font-size:11px}.auth-screen .form-card .google-button{font-size:13px}.auth-screen .form-card .show-password{font-size:10px}.auth-screen .form-card .password-row input{padding-right:77px}.auth-screen .form-card #country-search{font-size:13px;min-height:39px}.auth-screen .form-card .country-controls{grid-template-columns:1fr}.auth-screen .form-card .country-row{gap:10px}.auth-screen .form-card #country-flag{width:30px;height:21px}}
@media(prefers-reduced-motion:reduce){.inspire-wheel,.inspire-upright,.inspire-intro *{animation:none!important;transition:none!important}.orbit-toggle{display:none}}