*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1117;--bg2:#1a1d27;--bg3:#222535;--border:#2e3148;--text:#e8eaf0;--text2:#8b8fa8;--accent:#5b6af0;--accent-hover:#4a58e0;--success:#2ecc71;--danger:#e74c3c;--radius:10px;--shadow:0 4px 24px #0006}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Inter,system-ui,sans-serif;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border-radius:var(--radius);border:none;padding:10px 20px;font-size:14px;font-weight:500;transition:background .2s,transform .1s}button:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg3);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-danger{background:var(--danger);color:#fff}input,select{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);outline:none;padding:10px 14px;font-size:14px;transition:border-color .2s}input:focus,select:focus{border-color:var(--accent)}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.error{color:var(--danger);margin-top:8px;font-size:13px}.success{color:var(--success);margin-top:8px;font-size:13px}