.login-shell{position:relative;min-height:100vh;width:100%;display:grid;place-items:center;background:#0a0b14;color:#f4f4f5;overflow:hidden;isolation:isolate;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;padding:24px}.parallax{--mx:0;--my:0;position:absolute;inset:0;z-index:0;pointer-events:none}.parallax-aurora{position:absolute;border-radius:50%;filter:blur(120px);opacity:.55;mix-blend-mode:screen;will-change:transform}.parallax-aurora--a{width:720px;height:720px;top:-180px;left:-160px;background:radial-gradient(circle,#6366f1 0,transparent 65%);animation:drift-a 22s ease-in-out infinite alternate;transform:translate3d(calc(var(--mx) * 30px),calc(var(--my) * 30px),0)}.parallax-aurora--b{width:640px;height:640px;bottom:-200px;right:-180px;background:radial-gradient(circle,#ec4899 0,transparent 65%);animation:drift-b 26s ease-in-out infinite alternate;transform:translate3d(calc(var(--mx) * -40px),calc(var(--my) * -25px),0)}.parallax-aurora--c{width:560px;height:560px;top:40%;left:55%;background:radial-gradient(circle,#06b6d4 0,transparent 65%);animation:drift-c 30s ease-in-out infinite alternate;transform:translate3d(calc(var(--mx) * 20px),calc(var(--my) * -35px),0)}@keyframes drift-a{0%{transform:translate(0)}to{transform:translate(60px,40px)}}@keyframes drift-b{0%{transform:translate(0)}to{transform:translate(-50px,-30px)}}@keyframes drift-c{0%{transform:translate(0)}to{transform:translate(30px,-50px)}}.parallax-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 0);background-size:56px 56px;-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 30%,transparent 75%);mask-image:radial-gradient(circle at 50% 50%,#000 30%,transparent 75%);transform:translate3d(calc(var(--mx) * -8px),calc(var(--my) * -8px),0)}.parallax-shape{position:absolute;will-change:transform}.parallax-shape[data-depth="25"]{transform:translate3d(calc(var(--mx) * -25px),calc(var(--my) * -25px),0)}.parallax-shape[data-depth="40"]{transform:translate3d(calc(var(--mx) * -40px),calc(var(--my) * -40px),0)}.parallax-shape[data-depth="55"]{transform:translate3d(calc(var(--mx) * 55px),calc(var(--my) * -55px),0)}.parallax-shape[data-depth="60"]{transform:translate3d(calc(var(--mx) * -60px),calc(var(--my) * 60px),0)}.parallax-shape[data-depth="70"]{transform:translate3d(calc(var(--mx) * 70px),calc(var(--my) * 50px),0)}.parallax-shape[data-depth="90"]{transform:translate3d(calc(var(--mx) * -90px),calc(var(--my) * -90px),0)}.parallax-shape[data-depth="120"]{transform:translate3d(calc(var(--mx) * 120px),calc(var(--my) * 80px),0)}.parallax-shape--ring{width:280px;height:280px;border-radius:50%;border:1px solid rgba(255,255,255,.18);top:14%;right:12%;box-shadow:inset 0 0 60px rgba(99,102,241,.12);animation:spin 60s linear infinite}.parallax-shape--blob{width:220px;height:220px;border-radius:64% 36% 55% 45%/50% 60% 40% 50%;background:linear-gradient(135deg,rgba(236,72,153,.35),rgba(99,102,241,.25));filter:blur(8px);top:62%;left:8%;animation:morph 14s ease-in-out infinite alternate}.parallax-shape--square{width:64px;height:64px;border:1px solid rgba(6,182,212,.5);background:linear-gradient(135deg,rgba(6,182,212,.08),transparent);top:18%;left:16%;transform-origin:center;animation:tilt 9s ease-in-out infinite alternate}.parallax-shape--triangle{width:0;height:0;border-left:38px solid transparent;border-right:38px solid transparent;border-bottom:64px solid rgba(168,85,247,.28);bottom:18%;right:22%;filter:drop-shadow(0 0 20px rgba(168,85,247,.4));animation:float 7s ease-in-out infinite alternate}.parallax-shape--dot{width:6px;height:6px;border-radius:50%;background:#f4f4f5;box-shadow:0 0 12px rgba(244,244,245,.8)}.parallax-shape--dot-1{top:22%;left:48%}.parallax-shape--dot-2{top:78%;left:60%}.parallax-shape--dot-3{top:35%;left:78%;opacity:.6}@keyframes spin{to{transform:rotate(1turn) translate3d(calc(var(--mx) * -40px),calc(var(--my) * -40px),0)}}@keyframes morph{0%{border-radius:64% 36% 55% 45%/50% 60% 40% 50%}to{border-radius:40% 60% 35% 65%/45% 35% 65% 55%}}@keyframes tilt{0%{transform:translate3d(calc(var(--mx) * -25px),calc(var(--my) * -25px),0) rotate(0deg)}to{transform:translate3d(calc(var(--mx) * -25px),calc(var(--my) * -25px),0) rotate(45deg)}}@keyframes float{0%{transform:translate3d(calc(var(--mx) * 55px),calc(var(--my) * -55px),0) translateY(0)}to{transform:translate3d(calc(var(--mx) * 55px),calc(var(--my) * -55px),0) translateY(-18px)}}.parallax-noise{position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.45'/></svg>");opacity:.06;mix-blend-mode:overlay}.login-card{position:relative;z-index:2;width:min(500px,100%);padding:56px 56px 36px;border-radius:18px;background:rgba(17,18,24,.78);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),inset 0 -1px 0 rgba(0,0,0,.4),0 40px 80px -24px rgba(0,0,0,.7);text-align:center;animation:card-in .5s cubic-bezier(.2,.8,.2,1) both}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.login-brand{display:flex;align-items:center;justify-content:center;margin:0 auto 28px}.login-brand-logo{height:100px;width:auto;filter:drop-shadow(0 8px 24px rgba(0,0,0,.55))}.login-title{margin:0 0 12px;font-size:30px;font-weight:600;line-height:1.1;letter-spacing:-.025em;color:#fafafa}.login-sub{margin:0 0 32px;font-size:14px;line-height:1.6;color:rgba(244,244,245,.55)}.login-sub-mono{display:inline-block;margin-top:6px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11.5px;letter-spacing:.04em;color:rgba(244,244,245,.38)}.login-divider{height:1px;margin:0 -8px 28px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.login-error{margin:0 0 20px;padding:10px 14px;border-radius:8px;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.22);color:#fca5a5;font-size:13px}.login-form{display:block}.login-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:13px 18px;border-radius:11px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));color:#fafafa;font:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.login-btn:hover{background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.04));border-color:rgba(255,255,255,.2)}.login-btn:active{transform:translateY(1px)}.login-foot{display:inline-flex;align-items:center;gap:8px;margin:28px 0 0;font-size:11.5px;color:rgba(244,244,245,.35)}.login-foot-dot{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 8px rgba(52,211,153,.6);animation:pulse-status 2.4s ease-in-out infinite}@keyframes pulse-status{0%,to{opacity:1}50%{opacity:.4}}@media (max-width:480px){.login-card{padding:44px 28px 32px;border-radius:14px}}@media (prefers-reduced-motion:reduce){.login-card,.parallax-aurora,.parallax-grid,.parallax-shape{animation:none!important}.parallax-shape{transform:none!important}}