:root{--blue: #1863dc;--blue-light: #2e7bf0;--blue-dark: #0f4aa8;--yellow: #fcd90a;--bg: #071b33;--bg-alt: #051526;--surface: #0d2745;--surface-2: #123056;--border: #1c3a5e;--border-light: #24466e;--text: #e2e8f0;--text-sec: #9ca3af;--text-muted: #6b7280;--green: #4ade80;--red: #ef4444;--indigo: #818cf8;--font-sans: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}button,input{font-family:inherit}a{color:var(--blue-light)}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.btn{background:var(--blue);color:#fff;border:none;border-radius:8px;padding:10px 18px;font-weight:600;cursor:pointer;transition:background .15s ease}.btn:hover{background:var(--blue-light)}.btn:disabled{opacity:.5;cursor:default}.input{background:var(--bg-alt);border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--text);width:100%}.input:focus{outline:none;border-color:var(--blue-light)}