:root{color-scheme:dark;--bg:#0b1320;--panel:#142338;--text:#edf5ff;--muted:#afc0d3;--cyan:#75e5d2;--line:#30465b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.72 system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at 84% 0,#1e3651 0,#0b1320 36%);color:var(--text)}
a{color:var(--cyan);text-underline-offset:3px}a:focus-visible{outline:3px solid var(--cyan);outline-offset:4px;border-radius:5px}
.wrap{max-width:860px;padding:0 22px;margin:auto}nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:28px 0}nav .brand{font-weight:800;color:white;text-decoration:none;letter-spacing:.4px}nav .lang{color:var(--muted);font-size:14px}
header{padding:42px 0 28px}.kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);font-size:13px;font-weight:700}h1{font-size:clamp(34px,6vw,54px);line-height:1.14;margin:12px 0 18px;letter-spacing:-.03em}header p{color:var(--muted);font-size:18px;max-width:690px;margin:0}
main{margin:22px 0 72px}article{padding:4px 34px 36px;border:1px solid var(--line);border-radius:24px;background:rgba(20,35,56,.8);box-shadow:0 18px 70px #0002}h2{font-size:22px;line-height:1.28;margin:38px 0 12px}p,li{color:#d0dceb}ul{padding-left:24px}li{margin:6px 0}.date{color:var(--muted);font-size:14px;margin-top:16px}.note{padding:18px 22px;border-left:3px solid var(--cyan);background:#1c3045;border-radius:4px 12px 12px 4px;margin-top:25px}
footer{border-top:1px solid var(--line);padding:22px 0 50px;color:var(--muted);font-size:14px}
@media(max-width:600px){article{padding:0 19px 28px;border-radius:17px}nav{padding:18px 0}header{padding:24px 0}}