:root{--bg:#0f172a;--surface:#1e293b;--border:#334155;--text:#f1f5f9;--text-muted:#94a3b8;--accent:#22d3ee;--accent-dim:#0891b2;--green:#4ade80;--red:#f87171;--blue:#60a5fa;--orange:#fb923c;--radius:8px}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit;border:none;border-radius:var(--radius);padding:8px 16px;font-size:14px;font-weight:500;transition:background .15s}.btn-primary{background:var(--accent);color:var(--bg)}.btn-primary:hover{background:var(--accent-dim)}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-danger{background:var(--red);color:#fff}input,textarea{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px;font-family:inherit;font-size:14px}input:focus,textarea:focus{outline:none;border-color:var(--accent)}.container{max-width:1200px;margin:0 auto;padding:24px}