:root{--ink:#11172f;--muted:#596278;--violet:#6b35e8;--bg:#f8f5ff;--line:#e9e3f8}
*{box-sizing:border-box}
body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:linear-gradient(145deg,#fff,var(--bg));color:var(--ink)}
a{color:var(--violet)}
.top{max-width:1100px;margin:auto;padding:20px 22px;display:flex;justify-content:space-between;gap:18px;align-items:center}
.top .brand{font-size:20px;font-weight:950;text-decoration:none;color:var(--ink)}
.top nav{display:flex;gap:16px;flex-wrap:wrap}
.top nav a{text-decoration:none;font-weight:800}
.wrap{max-width:1060px;margin:auto;padding:34px 22px 70px}
.crumbs{font-size:14px;margin-bottom:28px;color:#737c91}
.crumbs a{font-weight:750;text-decoration:none}
.hero-guide{background:#fff;border:1px solid var(--line);border-radius:30px;padding:42px;box-shadow:0 24px 75px rgba(35,22,95,.09)}
.badge{display:inline-block;background:#eee6ff;color:var(--violet);border-radius:999px;padding:9px 14px;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
h1{font-size:clamp(38px,6vw,62px);line-height:1.02;letter-spacing:-.035em;margin:14px 0 18px}
h2{font-size:30px;line-height:1.15;margin:38px 0 12px}
h3{font-size:21px;line-height:1.2;margin:24px 0 8px}
p,li{font-size:18px;line-height:1.75;color:var(--muted)}
ul{padding-left:24px}
.lead{font-size:21px;max-width:870px}
.meta{margin:18px 0 0;font-size:14px;color:#737c91}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}
.card,.hub-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px}
.card h3,.hub-card h2{margin-top:0}
.hub-card a{font-weight:900;text-decoration:none}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}
.hub-card p{font-size:16px}
.table-wrap{overflow:auto;margin:22px 0}
table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line)}
th,td{text-align:left;padding:15px;border-bottom:1px solid var(--line);vertical-align:top}
th{background:#f3effd;color:var(--ink)}
.sources{margin-top:42px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:20px}
.sources h2{margin-top:0}
.sources a{font-weight:750;word-break:break-word}
.links{margin-top:38px;padding:24px;background:#12162e;color:#fff;border-radius:22px}
.links a{display:inline-block;color:#fff;text-decoration:none;font-weight:800;margin:6px 12px 6px 0}
.note{font-size:14px;border-left:3px solid var(--violet);padding-left:14px;margin-top:28px}
.footer{max-width:1060px;margin:0 auto 38px;padding:0 22px;color:#72798b;font-size:14px}
.footer a{font-weight:750}
@media(max-width:820px){.hero-guide{padding:28px 22px}.grid,.cards{grid-template-columns:1fr}.top{align-items:flex-start}.top nav{width:100%}}