:root{
  --bg:#07111f;--panel:#0d1b2e;--panel2:#10243b;--text:#ecf5ff;--muted:#9fb3c8;
  --line:#1f3852;--accent:#69d2ff;--accent2:#a7f3d0;--max:1120px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#06101d 0%,#081522 100%);color:var(--text);
font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.72}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:var(--max);margin:auto;padding:0 22px}
header{position:sticky;top:0;z-index:10;background:rgba(7,17,31,.93);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.head{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:68px}
.brand{font-weight:900;font-size:1.45rem;color:#fff;letter-spacing:.2px}.brand span{color:var(--accent)}
nav{display:flex;gap:18px;flex-wrap:wrap;font-size:.95rem}
.hero{padding:74px 0 46px}.eyebrow{display:inline-block;border:1px solid var(--line);padding:7px 11px;border-radius:999px;color:var(--accent2);font-size:.9rem}
h1{font-size:clamp(2.35rem,6vw,5.6rem);line-height:1.02;letter-spacing:-.035em;margin:.3em 0}
h2{font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.15;margin:2.2em 0 .65em}
h3{font-size:1.3rem;margin:1.7em 0 .45em}h4,h5{margin:1.55em 0 .4em}
.lead{font-size:1.17rem;color:#c7d7e7;max-width:820px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid.two{grid-template-columns:repeat(2,1fr)}
.card{display:block;background:linear-gradient(180deg,var(--panel) 0%,#0b1727 100%);border:1px solid var(--line);
border-radius:20px;padding:22px;color:inherit;transition:transform .15s ease,border-color .15s ease}
.card:hover{transform:translateY(-2px);border-color:#3b688c;text-decoration:none}
.card .tag{font-size:.78rem;color:var(--accent2);text-transform:uppercase;letter-spacing:.08em}
.card p,.muted{color:var(--muted)}
main{padding-bottom:70px}.article{max-width:820px}.article p,.article li{color:#c5d4e3}
.article ul,.article ol{padding-left:1.2rem}.article blockquote{margin:24px 0;padding:18px 22px;border-left:4px solid var(--accent);background:var(--panel);border-radius:0 14px 14px 0;color:#d9e8f6}
.fact{border-left:3px solid var(--accent2);padding:12px 16px;background:#0a1828;border-radius:0 12px 12px 0;margin:18px 0}
.kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0}.kpi div{border:1px solid var(--line);background:var(--panel);padding:18px;border-radius:16px}
.kpi strong{display:block;font-size:1.6rem}
.breadcrumbs{font-size:.9rem;color:var(--muted);padding-top:24px}.breadcrumbs a{color:#b9d8eb}
footer{border-top:1px solid var(--line);padding:32px 0 50px;color:var(--muted);font-size:.93rem}
.notice{padding:18px;border:1px solid var(--line);border-radius:16px;background:#091827}
input[type=search]{width:100%;max-width:620px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#071321;color:#fff;font:inherit}
table{width:100%;border-collapse:collapse;margin:20px 0}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left}th{color:#fff}
@media(max-width:850px){.grid,.grid.two,.kpi{grid-template-columns:1fr 1fr}.head{align-items:flex-start;padding:14px 0;flex-direction:column}header{position:static}}
@media(max-width:560px){.grid,.grid.two,.kpi{grid-template-columns:1fr}.hero{padding-top:40px}h1{font-size:2.65rem}.wrap{padding:0 17px}}