:root{--bg:#0a0e17;--panel:#101624;--panel2:#0d1320;--line:#1e2739;--txt:#e5e9f2;--mut:#8b95ab;--acc:#22d3ee;--acc2:#a78bfa;--ok:#34d399;--warn:#fbbf24;--bad:#f87171}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--txt);font:16px/1.6 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--acc);text-decoration:none}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.btn{display:inline-block;padding:12px 22px;border-radius:10px;font-weight:600;border:1px solid var(--line);color:var(--txt);cursor:pointer;background:var(--panel);transition:.2s}
.btn:hover{border-color:var(--acc);transform:translateY(-1px)}
.btn.primary{background:linear-gradient(135deg,var(--acc),var(--acc2));color:#07101d;border:none}
.btn.primary:hover{filter:brightness(1.1)}
.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px}
.badge{display:inline-block;padding:4px 12px;border-radius:999px;font-size:12.5px;font-weight:600;letter-spacing:.4px;border:1px solid var(--line);color:var(--acc)}
.hidden{display:none!important}
h1,h2,h3{line-height:1.2}
.mut{color:var(--mut)}
::selection{background:rgba(34,211,238,.3)}