:root{color-scheme:dark;--sky1:#1c2546;--sky2:#232d4f;--ink:#f6efdc;--muted:#b9b5d2;--line:rgba(147,160,235,.28);--glow:#f2cf63;--f-display:"Fredoka","Trebuchet MS",system-ui,sans-serif;--f-body:"Poppins",system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.7;background:var(--sky1) linear-gradient(180deg,var(--sky1),var(--sky2)) fixed;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:0 32px}
.wrap{max-width:780px;margin:0 auto}
header{padding-block:22px}
.brand{font-family:var(--f-display);font-weight:600;font-size:20px;text-decoration:none;color:var(--ink);display:inline-flex;align-items:center;gap:10px}
.brand .d{width:14px;height:14px;border-radius:50%;background:var(--glow);box-shadow:0 0 14px 5px rgba(242,207,99,.6)}
h1,h2{font-family:var(--f-display);font-weight:600;line-height:1.15;text-wrap:balance}
h1{font-size:clamp(32px,6vw,44px);margin:18px 0 8px}
h2{font-size:24px;margin:34px 0 8px;color:var(--glow)}
p,li{max-width:68ch}
a{color:var(--glow)}
.upd{color:var(--muted);font-size:14px}
footer{border-top:1px solid var(--line);margin-top:48px;padding-top:20px;font-size:14px;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px 22px}
footer a{color:var(--muted)}
:focus-visible{outline:3px solid var(--glow);outline-offset:3px;border-radius:6px}