:root{--bg-primary: #0a0a0f;--bg-surface: rgba(255, 255, 255, .05);--bg-surface-hover: rgba(255, 255, 255, .08);--bg-accent: #6366f1;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-accent: #818cf8;--border: rgba(255, 255, 255, .1);--radius: 12px;--radius-sm: 8px;--font: "Inter", -apple-system, system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--transition: .15s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);min-height:100vh}#app{min-height:100vh;display:flex;align-items:center;justify-content:center}.surface{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem}input,button{font-family:var(--font);font-size:1rem}input{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);padding:.75rem 1rem;width:100%;outline:none;transition:border var(--transition)}input:focus{border-color:var(--bg-accent)}button{background:var(--bg-accent);color:#fff;border:none;border-radius:var(--radius-sm);padding:.75rem 1.5rem;cursor:pointer;transition:opacity var(--transition)}button:hover{opacity:.9}button:disabled{opacity:.5;cursor:not-allowed}.error{color:#ef4444;font-size:.875rem;margin-top:.5rem}