.login-scene{--mx:0;--my:0;color:#f8fafc;background:radial-gradient(120% 90% at 50% 0,#040a10 0%,#020507 58%,#010304 100%);place-items:center;min-height:100dvh;padding:32px 20px 72px;display:grid;position:relative;overflow:hidden}.login-scene:after{z-index:4;pointer-events:none;content:"";background:radial-gradient(80% 70% at 50% 42%,#0000 55%,#0000008c 100%);position:absolute;inset:0}.dragon-gaze{z-index:1;pointer-events:none;width:min(120vw,1240px);min-width:680px;height:auto;transform:translateX(-50%) translate(calc(var(--mx) * -6px), calc(var(--my) * -3px));transition:transform .5s var(--ease-out-quint,ease-out);position:absolute;top:clamp(-40px,2vh,40px);left:50%}.dg-face{transform-box:fill-box;transform-origin:50%;animation:8s ease-in-out infinite alternate dg-breathe}@keyframes dg-breathe{0%{transform:scale(1)}to{transform:scale(1.008)}}.dg-rim{fill:none;stroke:#b45309;stroke-width:2px;opacity:.3}.dg-rim-faint{opacity:.16}.dg-rim-under{opacity:.22}.dg-halo{animation:7s ease-in-out infinite dg-halo-pulse}@keyframes dg-halo-pulse{0%,to{opacity:.75}50%{opacity:1}}.dg-magma,.dg-magma-fine{transform-box:fill-box;transform-origin:50%}.dg-magma{animation:80s linear infinite dg-magma-drift}.dg-magma-fine{animation:55s linear infinite reverse dg-magma-drift}@keyframes dg-magma-drift{to{transform:rotate(360deg)}}.dg-pupil{transform-box:fill-box;transform-origin:50%;transform:translate(calc(var(--mx) * 18px), calc(var(--my) * 6px));transition:transform .16s var(--ease-out-quart,ease-out)}.dg-slit{transform-box:fill-box;transform-origin:50%;transition:transform .45s var(--ease-out-quint,ease-out)}.dg-slit-glow{opacity:.68}.login-scene-focused .dg-slit{transform:scaleX(.5)}.dg-lid{transform-box:fill-box}.dg-lid-top{animation:11s ease-in-out infinite dg-blink-top;transform:translateY(-102%)}.dg-lid-bottom{animation:11s ease-in-out infinite dg-blink-bottom;transform:translateY(102%)}@keyframes dg-blink-top{0%,91.5%,to{transform:translateY(-102%)}93%,94.2%{transform:translateY(-38%)}95.8%{transform:translateY(-102%)}}@keyframes dg-blink-bottom{0%,91.5%,to{transform:translateY(102%)}93%,94.2%{transform:translateY(38%)}95.8%{transform:translateY(102%)}}.login-particles{z-index:2;position:absolute;inset:0}.login-particles canvas{pointer-events:none}.login-hoard-glow{z-index:1;pointer-events:none;background:radial-gradient(#b4530938 0%,#7c2d121a 45%,#0000 72%);width:min(90vw,1000px);height:30vh;animation:8s ease-in-out infinite dg-halo-pulse;position:absolute;bottom:-14vh;left:50%;transform:translate(-50%)}.login-grain{z-index:5;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px;position:absolute;inset:0}.login-content{z-index:10;width:100%;max-width:400px;animation:login-rise .24s var(--ease-out-quint,ease-out) both;justify-items:center;gap:18px;margin-top:clamp(150px,30vh,280px);display:grid;position:relative}@keyframes login-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.login-brand{justify-items:center;gap:10px;display:grid}.login-mark{object-fit:cover;border:1px solid #fbbf2447;border-radius:12px;width:48px;height:48px}.login-wordmark{letter-spacing:.14em;color:#f8fafc;margin:0;font-size:1.75rem;font-weight:800;line-height:1}.login-tagline{text-align:center;color:#94a3b8;max-width:40ch;margin:0;font-size:.85rem;font-weight:500;line-height:1.6}.login-card{background:#080e16f0;border:1px solid #94a3b824;border-radius:14px;gap:14px;width:100%;padding:24px;display:grid;box-shadow:0 30px 80px #0009,inset 0 1px #f8fafc0d}.login-card-heading{gap:4px;display:grid}.login-card-title{color:#f8fafc;margin:0;font-size:1.05rem;font-weight:700}.login-card-description{color:#94a3b8;margin:0;font-size:.82rem;font-weight:500;line-height:1.55}.login-card label{gap:7px;display:grid}.login-label-text{letter-spacing:.1em;text-transform:uppercase;color:#8494a7;font-size:.7rem;font-weight:700}.login-input{color:#f8fafc;height:46px;transition:border-color var(--motion-fast,.14s) ease, box-shadow var(--motion-fast,.14s) ease;background:#060b12;border:1px solid #2c3a4d;border-radius:9px;padding:0 14px;font-size:.95rem;font-weight:600}.login-input::placeholder{color:#8494a7;font-weight:500}.login-input:focus{border-color:#d99a1b;outline:none;box-shadow:0 0 0 3px #fbbf2438}.login-code-input{letter-spacing:.4em;text-align:center;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1.3rem;font-weight:700}.login-button{color:#1c0a02;letter-spacing:.01em;cursor:pointer;height:46px;transition:transform var(--motion-fast,.14s) var(--ease-out-quart,ease-out), box-shadow var(--motion-fast,.14s) ease, filter var(--motion-fast,.14s) ease;background:linear-gradient(#f5b31d 0%,#d97706 100%);border:1px solid #fbbf2466;border-radius:9px;justify-content:center;align-items:center;gap:10px;padding:0 18px;font-size:.92rem;font-weight:700;display:inline-flex;box-shadow:0 8px 26px #d9770647}.login-button:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 12px 32px #d977065c}.login-button:active{filter:brightness(.98);transform:translateY(0)}.login-button:focus-visible{outline:none;box-shadow:0 0 0 3px #fbbf2459}.login-button:disabled{cursor:default;opacity:.6;filter:none;transform:none}.login-spinner{border:2px solid #1c0a024d;border-top-color:#1c0a02;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}.login-resend{color:#8494a7;text-underline-offset:3px;font-size:.8rem;font-weight:600;text-decoration:underline}.login-resend:hover{color:#fbbf24}.login-status{border-radius:10px;width:100%;padding:13px 16px;font-size:.84rem;font-weight:500;line-height:1.55}.login-status strong{margin-bottom:2px;font-weight:700;display:block}.login-status-ok{color:#fde68a;background:#784b0a2e;border:1px solid #fbbf2459}.login-status-warn{color:#fcd34d;background:#78350f3d;border:1px solid #f59e0b66}.login-footer{z-index:10;text-align:center;letter-spacing:.22em;color:#9aa8ba;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.7rem;position:absolute;bottom:18px;left:0;right:0}@media (max-width:640px){.dragon-gaze{min-width:560px;top:0}.login-content{margin-top:clamp(120px,26vh,200px)}}@media (prefers-reduced-motion:reduce){.login-scene *,.login-scene :before,.login-scene :after{transition:none!important;animation:none!important}.dragon-gaze{transform:translate(-50%)}.dg-pupil{transform:none}.login-particles{display:none}}