/* Bright illustrated physics studio with orbiting section badges. */
body.auth-screen{background:radial-gradient(ellipse at 5% 50%,#fff3cb75,transparent 42%),radial-gradient(ellipse at 93% 15%,#dbeaffb0,transparent 45%),radial-gradient(ellipse at 70% 95%,#d9f6ef77,transparent 45%),#f7faff}
body.auth-screen::before{content:'';position:fixed;inset:0;z-index:-1;background:url('lab-blueprint-v10.svg') center/cover no-repeat;opacity:.38;pointer-events:none}
.auth-screen .auth-layout{grid-template-columns:1.08fr 1fr;filter:drop-shadow(0 18px 35px #23598610)}
.auth-screen .auth-intro.inspire-intro{padding:27px 28px;display:flex;flex-direction:column;min-height:600px;color:#163656;background:radial-gradient(ellipse at 20% 65%,#fff2c28a,transparent 60%),radial-gradient(ellipse at 95% 12%,#cfe7ff7a,transparent 58%),linear-gradient(140deg,#f9fcff,#eff8fc 75%,#eefaf5);border:1px solid #e2ecf4;border-right:0;box-shadow:inset 0 1px #fff;isolation:isolate}
.auth-screen .inspire-intro::after{content:'';position:absolute;inset:0;background:url('lab-blueprint-v10.svg') 50%/cover no-repeat;opacity:.4;z-index:-1;pointer-events:none;mask-image:linear-gradient(transparent,#000 30%,#000 80%,transparent)}
.inspire-kicker{display:flex;align-items:center;gap:8px;color:#317a97;font-size:8px;font-weight:750;letter-spacing:1.2px;line-height:1.5}
.inspire-kicker i{width:7px;height:7px;background:#26b7ae;border-radius:50%;box-shadow:0 0 0 4px #31b5af12;flex-shrink:0}
.auth-screen .inspire-intro h1{color:#163552;max-width:100%;font-size:clamp(28px,2.55vw,37px);letter-spacing:-1.2px;line-height:1.12;margin:18px 0 11px;text-wrap:balance;font-weight:800}
.auth-screen .inspire-intro h1 em{font-style:normal;color:#187fb4;background:linear-gradient(100deg,#265dc3,#0c9c9e);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.auth-screen .inspire-intro>p{max-width:100%;font-size:11px;line-height:1.7;color:#607994;margin:0 0 12px}
.inspire-showcase{position:relative;isolation:isolate;width:100%;height:350px;flex-shrink:0;margin-top:0}
.inspire-people{position:absolute;z-index:1;left:50%;bottom:-5px;transform:translateX(-50%);width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 9px #28648413);animation:inspire-levitate 9s ease-in-out infinite;pointer-events:none}
.inspire-halo{position:absolute;z-index:0;left:50%;top:50%;width:315px;height:285px;transform:translate(-50%,-50%) rotate(-14deg);border:1px dashed #e4ba5f70;border-radius:50%;background:radial-gradient(ellipse,#fff8d766,#e2f5fb33 65%,transparent 70%);box-shadow:0 0 0 22px #eaf4f542}
.inspire-halo::before,.inspire-halo::after{content:'';position:absolute;inset:-20px 22px;border:1px solid #65a9df17;border-radius:50%;transform:rotate(55deg)}
.inspire-halo::after{transform:rotate(-55deg)}
.inspire-chip{--chip:#357bd7;position:absolute;z-index:3;display:flex;align-items:center;gap:7px;min-height:43px;max-width:145px;padding:6px 10px 6px 6px;border:1px solid color-mix(in srgb,var(--chip) 30%,white);border-radius:30px;background:#fffffff2;box-shadow:0 5px 14px #335b7d0c,inset 0 1px #fff;animation:badge-float 7s ease-in-out infinite;transition:transform .2s,box-shadow .2s}
.inspire-chip:hover{box-shadow:0 6px 16px #335b7d1b}
.inspire-chip-icon{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;background:linear-gradient(135deg,color-mix(in srgb,var(--chip) 75%,white),var(--chip));color:white;border-radius:50%;box-shadow:0 3px 7px color-mix(in srgb,var(--chip) 20%,transparent)}
.inspire-chip-icon svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.inspire-chip-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.inspire-chip strong{font-size:9px;line-height:1.4;color:#29445d;font-weight:750;white-space:nowrap}
.inspire-chip small{font-size:7px;line-height:1.4;color:#74899d;white-space:nowrap}
.chip-lecture{top:16px;left:0}.chip-practice{--chip:#8770d8;top:101px;left:-5px;animation-delay:-2s}.chip-lab{--chip:#11a391;top:186px;left:0;animation-delay:-4s}.chip-slides{--chip:#c99a36;top:271px;left:15px;animation-delay:-1s}
.chip-video{--chip:#e46783;top:16px;right:0;animation-delay:-3s}.chip-quiz{--chip:#4d8dd8;top:101px;right:-5px;animation-delay:-1s}.chip-game{--chip:#30a48e;top:186px;right:0;animation-delay:-5s}.chip-library{--chip:#ad7ccd;top:271px;right:15px;animation-delay:-2s}
.inspire-spark{position:absolute;z-index:2;display:block;width:6px;height:6px;border-radius:50%;background:#edc469;box-shadow:0 0 10px #f2db8f66;animation:inspire-sparkle 5s ease-in-out infinite;pointer-events:none}
.spark-one{top:30px;left:36%}.spark-two{top:145px;right:29%;width:4px;height:4px;background:#73bdd5;animation-delay:-2s}.spark-three{bottom:48px;left:33%;width:4px;height:4px;animation-delay:-3s}
.inspire-footer{display:flex;flex-wrap:wrap;gap:17px;color:#738a9d;font-size:8px;margin-top:auto;padding-top:13px}
.inspire-footer i{color:#159e94;font-style:normal;margin-right:3px}
.auth-screen .form-card{background:linear-gradient(145deg,#ffffff,#fcfdff);border-left:1px solid #dfeaf3}
@keyframes inspire-levitate{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-4px)}}
@keyframes badge-float{0%,100%{translate:0 0}50%{translate:0 -3px}}
@keyframes inspire-sparkle{0%,100%{opacity:.25;transform:translateY(0) scale(.8)}50%{opacity:1;transform:translateY(-6px) scale(1)}}
@media(min-width:1500px) and (min-height:850px){.inspire-showcase{height:375px}.auth-screen .auth-intro.inspire-intro{padding:30px 34px}.inspire-chip{min-height:46px;padding:7px 11px 7px 7px;gap:8px;max-width:160px}.inspire-chip strong{font-size:10px}.inspire-chip small{font-size:8px}.inspire-chip-icon{width:31px;height:31px}.inspire-chip-icon svg{width:18px;height:18px}.chip-slides,.chip-library{top:295px}.chip-practice,.chip-quiz{top:111px}.chip-lab,.chip-game{top:206px}}
@media(min-width:1100px) and (max-height:739px){.auth-screen .auth-intro.inspire-intro{min-height:565px;padding:23px 26px}.auth-screen .inspire-intro h1{font-size:30px;margin-top:14px}.inspire-showcase{height:315px}.chip-lecture,.chip-video{top:5px}.chip-practice,.chip-quiz{top:82px}.chip-lab,.chip-game{top:159px}.chip-slides,.chip-library{top:236px}}
@media(min-width:721px) and (max-width:1099px){.auth-screen .auth-intro.inspire-intro{padding:26px 20px;min-height:0}.auth-screen .inspire-intro h1{font-size:29px}.inspire-showcase{height:510px}.inspire-people{height:340px;bottom:77px;width:135%;max-width:none}.inspire-chip{max-width:145px}.chip-lecture,.chip-video{top:8px}.chip-practice,.chip-quiz{top:82px}.chip-lab,.chip-game{top:390px}.chip-slides,.chip-library{top:464px}.inspire-halo{width:230px;height:300px}.inspire-footer{padding-top:25px}}
@media(max-width:720px){.auth-screen .auth-layout{grid-template-columns:1fr}.auth-screen .auth-intro.inspire-intro{padding:24px 18px;min-height:0;border-right:1px solid #e2ecf4;border-radius:22px 22px 0 0}.auth-screen .inspire-intro h1{font-size:29px;max-width:100%;margin:17px 0 10px;letter-spacing:-1px}.inspire-kicker{font-size:6px;letter-spacing:1px}.auth-screen .inspire-intro>p{font-size:10px;line-height:1.7;margin-bottom:6px}.inspire-showcase{height:360px}.inspire-people{height:270px;bottom:43px;width:125%;max-width:none}.inspire-halo{width:230px;height:260px;top:48%;box-shadow:none}.inspire-chip{min-height:37px;padding:4px 7px 4px 4px;gap:5px;max-width:140px}.inspire-chip-icon{width:24px;height:24px}.inspire-chip-icon svg{width:14px;height:14px}.inspire-chip strong{font-size:8px}.inspire-chip small{font-size:6px}.chip-lecture,.chip-video{top:6px}.chip-practice{left:0;top:57px}.chip-quiz{right:0;top:57px}.chip-lab,.chip-game{top:270px}.chip-slides{left:3px;top:320px}.chip-library{right:3px;top:320px}.inspire-footer{padding-top:16px;font-size:7px;gap:13px}.spark-one{top:105px}.spark-two{top:220px}.spark-three{bottom:100px}}
@media(max-width:360px){.inspire-chip strong{font-size:7px}.inspire-chip small{font-size:5.5px}.inspire-chip{gap:4px;padding-right:5px}.inspire-chip-icon{width:22px;height:22px}.auth-screen .inspire-intro h1{font-size:27px}}
@media(prefers-reduced-motion:reduce){.inspire-intro *, .inspire-intro *::after{animation:none!important;transition:none!important}}
