:root{--bg:#0a0a0a;--text:#f5f5f5;--text-muted:#8a8a8a;--font:"Space Grotesk", system-ui, sans-serif;--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}#app{height:100%;min-height:100dvh}.auth{background:radial-gradient(ellipse 90% 70% at 50% 100%, #ffffff06 0%, transparent 55%), radial-gradient(ellipse 55% 45% at 50% 42%, #ffffff06 0%, transparent 70%), linear-gradient(180deg, #0e0e0e 0%, var(--bg) 48%, #050505 100%);place-items:center;height:100%;min-height:100dvh;padding:24px;display:grid;position:relative;overflow:hidden}.auth__glow{pointer-events:none;background:radial-gradient(50% 40% at 50% 42%,#ffffff08 0%,#0000 70%);animation:8s ease-in-out infinite glow-breathe;position:absolute;inset:0}.auth__grid{pointer-events:none;opacity:.28;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");background-size:180px 180px;animation:12s steps(8,end) infinite grain-shift;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 65% at 50% 45%,#000 15%,#0000 78%);mask-image:radial-gradient(75% 65% at 50% 45%,#000 15%,#0000 78%)}.auth__content{z-index:1;text-align:center;animation:enter .55s var(--ease) both;flex-direction:column;align-items:center;display:flex;position:relative}.auth__title{letter-spacing:.18em;text-transform:uppercase;color:var(--text);animation:enter .7s var(--ease) both;margin-bottom:20px;font-size:clamp(1.75rem,4vw,2rem);font-weight:700;line-height:1}.auth__status{letter-spacing:.02em;max-width:22rem;color:var(--text);animation:enter .7s var(--ease) .1s both;font-size:1.05rem;font-weight:500;line-height:1.35}.auth__hint{color:var(--text-muted);animation:enter .7s var(--ease) .18s both;margin-top:10px;font-size:.9rem}@keyframes enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-breathe{0%,to{opacity:.85}50%{opacity:1}}@keyframes grain-shift{0%,to{opacity:.4}50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.auth__glow,.auth__grid,.auth__content,.auth__title,.auth__status,.auth__hint{animation:none}}