:root {
  --bg:#f5f6fd; --surface:#fff; --text:#171a2b; --muted:#667085; --card:#fff; --line:#e3e6f5;
  --accent:#5b5bf0; --accent-2:#8b5cf6; --accent-soft:rgba(91,91,240,.1); --danger:#d92d20;
  --shadow:0 1px 2px rgba(23,26,43,.05), 0 10px 30px rgba(60,60,140,.08);
  --grad:linear-gradient(135deg,#5b5bf0 0%,#8b5cf6 100%);
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg:#0c0d16; --surface:#151726; --text:#eceef9; --muted:#9aa1bb; --card:#151726; --line:#262a42;
    --accent:#9a9aff; --accent-2:#a78bfa; --accent-soft:rgba(140,140,255,.14); --danger:#ff8a80;
    --shadow:0 1px 2px rgba(0,0,0,.4), 0 10px 32px rgba(0,0,0,.35);
  }
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 76px; }
body { margin:0; color:var(--text);
       font:16px/1.65 Inter,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
       background:
         radial-gradient(900px 400px at 90% -120px, var(--accent-soft), transparent 70%),
         radial-gradient(700px 320px at -10% -80px, rgba(139,92,246,.10), transparent 70%),
         var(--bg); }
a { color:var(--accent); }
.wrap { max-width:1120px; margin:0 auto; padding:0 24px; }

header.top { position:sticky; top:0; z-index:5; border-bottom:1px solid var(--line);
             background:color-mix(in srgb, var(--surface) 80%, transparent);
             backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); }
header.top .wrap { display:flex; align-items:center; gap:12px; height:64px; }
.brand { display:flex; align-items:center; gap:10px; font-weight:800; letter-spacing:-.01em; color:var(--text); text-decoration:none; white-space:nowrap; }
.brand img { width:34px; height:34px; border-radius:10px; box-shadow:0 4px 12px rgba(91,91,240,.35); }
header.top nav { margin-left:auto; display:flex; gap:6px; font-size:.92rem; font-weight:600; }
header.top nav a { color:var(--muted); text-decoration:none; padding:7px 13px; border-radius:999px; transition:background .12s, color .12s; }
header.top nav a:hover { color:var(--accent); background:var(--accent-soft); }
header.top nav a[aria-current='page'] { color:#fff; background:var(--grad); }
@media (max-width:620px) { header.top nav { gap:2px; font-size:.84rem; } header.top nav a { padding:6px 10px; } header.top nav a.opt { display:none; } }

.card { background:var(--card); border:1px solid var(--line); border-radius:16px; box-shadow:var(--shadow); }

footer.site { margin-top:64px; border-top:1px solid var(--line); background:var(--surface); padding:30px 0 46px; color:var(--muted); font-size:.92rem; }
footer.site .wrap { display:flex; flex-wrap:wrap; gap:10px 24px; align-items:center; }
footer.site .links { display:flex; flex-wrap:wrap; gap:6px 20px; margin-left:auto; }
footer.site a { text-decoration:none; font-weight:600; }
footer.site a:hover { text-decoration:underline; }