:root {
  --bg:#070c16; --bg2:#0b1220; --card:#121c2f; --line:#233250; --line2:#2c3d5f;
  --text:#eaf1ff; --muted:#8093b4; --dim:#5f708f;
  --accent:#3aa0ff; --accent2:#22d3ee; --good:#34d399; --warn:#fbbf24; --bad:#f87171; --high:#a78bfa;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--text); -webkit-font-smoothing:antialiased;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; font-size:15px;
  background:radial-gradient(1100px 620px at 85% -10%, rgba(58,160,255,.13), transparent 60%),
             radial-gradient(900px 500px at -10% 30%, rgba(34,211,238,.06), transparent 60%), var(--bg); }
a { color:inherit; }
.brand { display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--text); }
.brand .mark { width:34px; height:34px; border-radius:9px; display:grid; place-items:center; font-weight:800; color:#04121f;
  background:linear-gradient(135deg,var(--accent),var(--accent2)); box-shadow:0 4px 14px rgba(58,160,255,.4); }
.brand b { font-size:16px; letter-spacing:.4px; display:block; }
.brand small { color:var(--dim); display:block; font-size:10px; letter-spacing:1.5px; }
.lang { background:none; border:1px solid var(--line2); color:var(--muted); border-radius:999px; padding:6px 12px;
  font:inherit; font-size:12px; font-weight:600; cursor:pointer; }
.lang:hover { color:var(--text); border-color:var(--accent); }
.btn { display:inline-flex; align-items:center; gap:8px; border-radius:11px; padding:11px 18px; font:inherit; font-weight:600;
  text-decoration:none; cursor:pointer; border:1px solid var(--line2); background:#121c2f; color:var(--text);
  transition:transform .12s, box-shadow .15s, border-color .15s; }
.btn:hover { border-color:var(--accent); transform:translateY(-1px); }
.btn.primary { border:0; color:#04121f; background:linear-gradient(135deg,var(--accent),var(--accent2));
  box-shadow:0 8px 24px rgba(58,160,255,.3); }
.btn.primary:hover { box-shadow:0 10px 30px rgba(58,160,255,.45); }
:focus-visible { outline:2px solid var(--accent2); outline-offset:2px; }