:root{--bg:#0A130D;--bg2:#0F1B13;--green:#2E623B;--accent:#F2C14E;--light:#F5F7F4;--ink:#0E140F}
*{box-sizing:border-box;margin:0;padding:0}
html,body{overflow-x:hidden}
body{background:var(--bg);color:#EDF1EC;font-family:"Barlow","Helvetica Neue",Arial,sans-serif;font-size:17px;line-height:1.65}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
img{display:block;max-width:100%}
h1,h2{font-family:"Barlow Condensed","Barlow",Arial,sans-serif;text-transform:uppercase;font-weight:800;letter-spacing:-.01em;line-height:1.05}
h1{font-size:clamp(2.2rem,4.5vw,3.4rem);margin-bottom:1.6rem}
h2{font-size:clamp(1.3rem,2.2vw,1.7rem);margin:2.2rem 0 .7rem;color:var(--accent)}
.wrap{max-width:820px;margin:0 auto;padding:0 5vw}
header{padding:1.4rem 5vw;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:1.5rem}
header img{height:44px;width:auto}
header a.back{margin-left:auto;font-family:"Barlow Condensed",Arial,sans-serif;text-transform:uppercase;letter-spacing:.07em;font-weight:700}
main{padding:clamp(3rem,7vw,5.5rem) 0}
p{margin-bottom:1rem;max-width:70ch}
.note{background:var(--bg2);border-left:3px solid var(--accent);padding:1.2rem 1.4rem;border-radius:6px;margin:1.5rem 0}
footer{border-top:1px solid rgba(255,255,255,.08);padding:2rem 5vw;color:#8E9A8F;font-size:.92rem}

h3{font-family:"Barlow Condensed","Barlow",Arial,sans-serif;text-transform:none;font-weight:700;
   font-size:1.12rem;letter-spacing:.01em;margin:1.6rem 0 .5rem;color:#EDF1EC}
main ul{margin:0 0 1rem 1.2rem;max-width:70ch}
main li{margin-bottom:.4rem}
main p a{word-break:break-word}
.note strong{color:var(--accent)}