:root{
  --bg:#08111f;--panel:#111d31;--panel2:#17263e;--text:#eef4ff;
  --muted:#aebbd0;--gold:#f4c64f;--gold2:#d79418;--line:rgba(255,255,255,.11);
  --link:#8fd3ff;--max:1040px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 15% 0,rgba(244,198,79,.12),transparent 35rem),linear-gradient(180deg,#08111f,#0c1728 45%,#08111f);color:var(--text);font:16px/1.72 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
a{color:var(--link);text-underline-offset:3px}a:hover{color:#d3ecff}
.site-header{border-bottom:1px solid var(--line);background:rgba(8,17,31,.82);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}
.header-inner{max-width:var(--max);margin:auto;padding:13px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;font-weight:800}
.brand img{width:38px;height:38px}.nav{display:flex;flex-wrap:wrap;gap:8px}.nav a{color:var(--muted);text-decoration:none;padding:8px 10px;border-radius:9px;font-size:.94rem}.nav a:hover,.nav a.active{background:rgba(244,198,79,.11);color:#ffe29a}
.hero{border-bottom:1px solid var(--line)}.hero-inner{max-width:var(--max);margin:auto;padding:64px 22px 54px;display:grid;grid-template-columns:1fr 230px;gap:42px;align-items:center}
.eyebrow{margin:0 0 12px;color:var(--gold);font-weight:800;letter-spacing:.13em;text-transform:uppercase;font-size:.78rem}
h1{margin:0;font-size:clamp(2.35rem,7vw,4.8rem);line-height:1;letter-spacing:-.045em}
.subtitle{max-width:700px;margin:20px 0 0;color:var(--muted);font-size:1.08rem}
.badges{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}.badge{border:1px solid rgba(244,198,79,.34);background:rgba(244,198,79,.08);color:#ffe7a0;padding:6px 11px;border-radius:999px;font-size:.85rem}
.hero-art{width:220px;filter:drop-shadow(0 22px 30px rgba(0,0,0,.38))}
.layout{max-width:var(--max);margin:auto;padding:34px 22px 70px;display:grid;grid-template-columns:245px minmax(0,1fr);gap:28px;align-items:start}
.toc{position:sticky;top:82px;background:rgba(17,29,49,.9);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:18px;padding:18px}.toc strong{display:block;color:var(--gold);margin-bottom:9px}.toc a{display:block;color:var(--muted);text-decoration:none;padding:6px 8px;border-radius:8px;font-size:.91rem}.toc a:hover{background:rgba(255,255,255,.06);color:var(--text)}
main{min-width:0}.card{background:linear-gradient(180deg,rgba(23,38,62,.96),rgba(17,29,49,.96));border:1px solid var(--line);border-radius:18px;padding:28px;margin-bottom:20px;box-shadow:0 16px 38px rgba(0,0,0,.17)}
h2{margin:0 0 14px;font-size:1.46rem;line-height:1.25}h3{margin:23px 0 8px;color:#ffe29a;font-size:1.07rem}p{margin:10px 0;color:#dce6f4}ul{padding-left:22px;color:#dce6f4}li+li{margin-top:5px}
.notice{border-left:4px solid var(--gold);background:linear-gradient(180deg,rgba(244,198,79,.10),rgba(17,29,49,.96))}
.service{margin-top:15px;padding:18px;border-radius:14px;border:1px solid var(--line);background:rgba(3,10,20,.24)}.service h3{margin-top:0}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mini{background:rgba(3,10,20,.24);border:1px solid var(--line);border-radius:14px;padding:18px}
.cta{display:inline-block;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#1e1809;text-decoration:none;font-weight:800;padding:11px 16px;border-radius:11px;margin-top:10px}
footer{border-top:1px solid var(--line);text-align:center;color:var(--muted);padding:28px 20px 42px;font-size:.9rem}
.simple-wrap{max-width:850px;margin:auto;padding:48px 22px 80px}
@media(max-width:800px){.hero-inner{grid-template-columns:1fr}.hero-art{width:155px}.layout{grid-template-columns:1fr}.toc{position:static}.grid{grid-template-columns:1fr}.header-inner{align-items:flex-start;flex-direction:column}.site-header{position:static}}