:root{--navy-950: #060818;--navy-900: #0a0e27;--navy-850: #0e1430;--navy-800: #131a3d;--navy-700: #1b244f;--navy-600: #273363;--gold-300: #f6e2a3;--gold-400: #f1c94a;--gold-500: #c9a84c;--gold-600: #a8873a;--ink-100: #eef1fb;--ink-300: #c3c9e6;--ink-400: #9aa2c9;--ink-500: #6e76a0;--good: #38d39f;--warn: #f5b84e;--bad: #ff6b6b;--info: #5aa9ff;--glass-bg: rgba(255, 255, 255, .045);--glass-bg-strong: rgba(255, 255, 255, .07);--glass-border: rgba(255, 255, 255, .1);--glass-border-gold: rgba(241, 201, 74, .28);--blur: 18px;--shadow-sm: 0 2px 10px rgba(0, 0, 0, .35);--shadow-md: 0 10px 30px rgba(0, 0, 0, .45);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .55);--glow-gold: 0 0 0 1px rgba(241,201,74,.25), 0 8px 40px rgba(241,201,74,.12);--font-display: "Georgia", "Times New Roman", serif;--font-body: "Segoe UI", system-ui, -apple-system, sans-serif;--radius: 16px;--radius-sm: 10px;--radius-lg: 24px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);color:var(--ink-100);background:var(--navy-950);-webkit-font-smoothing:antialiased;overflow:hidden}.aurora-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:radial-gradient(1200px 600px at 12% -10%,rgba(241,201,74,.1),transparent 60%),radial-gradient(900px 700px at 100% 0%,rgba(90,169,255,.1),transparent 55%),radial-gradient(1000px 800px at 80% 110%,rgba(56,211,159,.08),transparent 55%),linear-gradient(160deg,var(--navy-950),var(--navy-900) 55%,var(--navy-850))}.aurora-bg:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(600px 400px at 30% 30%,rgba(241,201,74,.07),transparent 70%),radial-gradient(700px 500px at 70% 70%,rgba(90,169,255,.07),transparent 70%);filter:blur(30px);animation:drift 22s ease-in-out infinite alternate}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-4%,3%,0) scale(1.08)}}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius);backdrop-filter:blur(var(--blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--blur)) saturate(140%);box-shadow:var(--shadow-md)}.glass-strong{background:var(--glass-bg-strong)}.gold-text{background:linear-gradient(92deg,var(--gold-300),var(--gold-400) 45%,var(--gold-500));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hr-gold{height:1px;border:0;background:linear-gradient(90deg,transparent,var(--glass-border-gold),transparent)}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:.2px}.btn{font-family:var(--font-body);font-size:14px;font-weight:600;padding:11px 18px;border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--glass-border);color:var(--ink-100);background:var(--glass-bg-strong);transition:all .18s ease;display:inline-flex;align-items:center;gap:8px}.btn:hover{transform:translateY(-1px);border-color:var(--glass-border-gold)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-gold{border:0;color:var(--navy-950);background:linear-gradient(95deg,var(--gold-300),var(--gold-400) 50%,var(--gold-500));box-shadow:var(--glow-gold)}.btn-gold:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn-ghost{background:transparent}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.field label{font-size:12.5px;color:var(--ink-400);letter-spacing:.3px;text-transform:uppercase}.input{font-family:var(--font-body);font-size:15px;color:var(--ink-100);padding:13px 15px;border-radius:var(--radius-sm);background:#00000040;border:1px solid var(--glass-border);transition:all .18s ease;width:100%}.input::placeholder{color:var(--ink-500)}.input:focus{outline:none;border-color:var(--gold-400);box-shadow:0 0 0 3px #f1c94a24}.badge{font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:999px;letter-spacing:.3px}.badge-good{background:#38d39f24;color:var(--good)}.badge-warn{background:#f5b84e24;color:var(--warn)}.badge-bad{background:#ff6b6b24;color:var(--bad)}.badge-info{background:#5aa9ff24;color:var(--info)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--navy-600);border-radius:8px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--gold-600);background-clip:content-box}.fade-in{animation:fadeIn .5s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.muted{color:var(--ink-400)}.center{display:grid;place-items:center}