:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color-scheme:light;--navy:#09243e;--ink:#102238;--text:#485b73;--line:#dce7f2}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#fff,#f4f9ff);color:var(--text);line-height:1.8}
a{color:#1767d5}header,footer{background:linear-gradient(105deg,#071c32,#0b3053);color:#eaf4ff}header a,footer a{color:#eaf4ff;text-decoration:none}header .bar,footer .bar{max-width:1120px;margin:auto;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.brand{font-weight:800;font-size:1.2rem}header nav{display:flex;gap:24px}main{max-width:850px;margin:60px auto 85px;padding:0 25px}article{padding:35px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 40px rgba(15,42,71,.05)}h1,h2{color:var(--ink);line-height:1.3}h1{font-size:clamp(2rem,5vw,2.9rem)}h2{font-size:1.3rem;margin:32px 0 8px}p{margin:10px 0 16px}.subtitle{font-size:1.04rem}ul{padding-left:22px}
@media(max-width:540px){main{margin:30px auto 50px}article{padding:23px}header .bar,footer .bar{padding:18px 22px}}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--ink:#eef6ff;--text:#cedbea;--line:#30445d}body{background:#0b1727}article{background:#14253b}a{color:#86bcff}}