*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f8fafc;--surface: #ffffff;--text: #1e293b;--text-muted: #64748b;--border: #e2e8f0;--border-input: #cbd5e1;--accent: #6366f1;--accent-light: #ede9fe;--shadow: rgba(0, 0, 0, .08)}body.dark{--bg: #0f172a;--surface: #1e293b;--text: #f1f5f9;--text-muted: #94a3b8;--border: #334155;--border-input: #475569;--accent: #818cf8;--accent-light: #1e1b4b;--shadow: rgba(0, 0, 0, .35)}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;transition:background .2s,color .2s}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;border-radius:10px;font-family:inherit;font-size:.95rem;font-weight:500;padding:10px 20px;transition:all .2s ease}button:hover{opacity:.9;transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-outline{background:transparent;border:2px solid var(--accent);color:var(--accent)}input,textarea{width:100%;border:1.5px solid var(--border-input);border-radius:10px;padding:12px 14px;font-family:inherit;font-size:.95rem;outline:none;background:var(--surface);color:var(--text);transition:all .2s ease}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px #6366f11f}.card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:24px;margin-bottom:12px;box-shadow:0 4px 12px #0000000a,0 12px 28px #00000014;transition:all .25s ease}.card:hover{transform:translateY(-2px);box-shadow:0 8px 18px #0000000f,0 18px 36px #0000001f}body.dark .card{box-shadow:0 4px 12px #00000040,0 14px 30px #00000059}.error{color:#ef4444;font-size:.875rem;margin-top:8px}