*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f0f0f;--surface:#1a1a1a;--border:#2a2a2a;--text:#e8e8e8;--muted:#888;--accent:#7c6af7;--accent-hover:#9580ff;--danger:#ef4444;--success:#22c55e;--radius:8px;--font:"Google Sans Flex",system-ui,sans-serif;--nav-height:58px}body,html{height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-optical-sizing:auto;font-style:normal;font-variation-settings:"slnt" 0,"wdth" 100,"GRAD" 0,"ROND" 0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{cursor:pointer;border:none;border-radius:var(--radius);font-family:var(--font);font-size:14px;transition:background .15s,opacity .15s}.btn-primary{background:var(--accent);color:#fff;padding:10px 20px;font-weight:600}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--surface);color:var(--text);padding:10px 20px;border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--accent)}.btn-danger{background:transparent;color:var(--danger);padding:8px 14px;border:1px solid var(--danger)}.btn-danger:hover{background:var(--danger);color:#fff}input,textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font);font-size:14px;padding:10px 14px;width:100%;outline:none;transition:border-color .15s}input:focus,textarea:focus{border-color:var(--accent)}.error{color:var(--danger)}.error,.success{font-size:13px;margin-top:8px}.success{color:var(--success)}