:root{
  --sky-0:#0A1630; --sky-1:#132449;
  --gold:#FFC24B; --braise:#F5673C;
  --cloud:#EEF3FE; --muted:#9DB0D6; --line:rgba(255,255,255,.10);
  --display: ui-rounded, "SF Pro Rounded", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", sans-serif;
  --body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0; background:var(--sky-0); color:var(--cloud); font-family:var(--body); line-height:1.7; -webkit-font-smoothing:antialiased}
.wrap{max-width:760px; margin:0 auto; padding:32px 22px 96px}
.top{display:flex; align-items:center; justify-content:space-between; gap:16px; padding-bottom:26px; border-bottom:1px solid var(--line); margin-bottom:38px}
.brand{display:inline-flex; align-items:center; gap:10px; font-family:var(--display); font-weight:800; font-size:1.3rem; color:var(--cloud); text-decoration:none}
.brand img{width:38px; height:38px; border-radius:11px}
.back{color:var(--muted); text-decoration:none; font-weight:600; font-size:.95rem}
.back:hover{color:var(--gold)}
h1{font-family:var(--display); font-weight:800; font-size:clamp(1.9rem,5vw,2.6rem); line-height:1.1; margin:0 0 8px}
.maj{color:var(--muted); font-size:.9rem; margin:0 0 34px}
h2{font-family:var(--display); font-weight:800; font-size:1.2rem; color:var(--gold); margin:34px 0 8px}
p{margin:0 0 14px}
a{color:var(--gold)}
strong{color:#fff}
.foot{margin-top:56px; padding-top:26px; border-top:1px solid var(--line); color:var(--muted); font-size:.9rem; display:flex; flex-wrap:wrap; gap:18px}
.foot a{color:var(--muted); text-decoration:none; font-weight:600}
.foot a:hover{color:var(--gold)}