:root{
  --void:#05070C;--deep:#090E18;--panel:#0D1421;--paper:#EEF2F8;
  --dim:#7C8798;--dimmer:#4A5566;--coral:#FF5233;--teal:#35E0D0;
  --line:rgba(238,242,248,.10);
  --disp:'Bricolage Grotesque',Helvetica,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,Menlo,monospace;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--void);color:var(--paper);font-family:var(--disp);
  -webkit-font-smoothing:antialiased;line-height:1.65;
}
a{color:var(--coral)}
.wrap{width:100%;max-width:760px;margin:0 auto;padding-inline:clamp(20px,5vw,40px)}

header{border-bottom:1px solid var(--line);background:rgba(5,7,12,.9);position:sticky;top:0;
  padding-top:env(safe-area-inset-top,0px)}
.nav{display:flex;align-items:center;justify-content:space-between;height:70px;gap:16px}
.mark{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.04em;font-size:17px;
  text-decoration:none;color:var(--paper);white-space:nowrap}
.mark i{width:9px;height:9px;border-radius:50%;background:var(--coral);flex:none}
.back{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--dim)}
.back:hover{color:var(--paper)}

main{padding-block:clamp(40px,7vh,72px) clamp(60px,10vh,110px)}
.kick{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--coral);margin:0 0 14px}
h1{font-size:clamp(2rem,5.5vw,3.1rem);font-weight:700;letter-spacing:-.04em;line-height:1.02;margin:0 0 12px}
.upd{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--dimmer);margin:0 0 40px}
h2{font-size:clamp(1.15rem,2.4vw,1.4rem);font-weight:700;letter-spacing:-.025em;margin:38px 0 12px;
  padding-top:22px;border-top:1px solid var(--line)}
h2:first-of-type{border-top:0;padding-top:0}
p,li{color:var(--dim);font-size:15.5px;margin:0 0 14px}
strong{color:var(--paper);font-weight:600}
ul{padding-left:19px;margin:0 0 16px}
li{margin-bottom:8px}
.box{border:1px solid var(--line);border-left:2px solid var(--coral);border-radius:3px;
  padding:16px 18px;background:rgba(13,20,33,.6);margin:22px 0}
.box p{margin:0;font-size:14.5px}
footer{border-top:1px solid var(--line);padding:26px 0 calc(26px + env(safe-area-inset-bottom,0px));background:rgba(9,14,24,.6)}
.foot{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:center}
.foot small,.foot a{font-family:var(--mono);font-size:11px;letter-spacing:.05em;color:var(--dimmer);text-decoration:none}
.foot a:hover{color:var(--coral)}