@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@400;600&display=swap');
:root{
  --ink:#08070A; --inkElev1:#131117; --inkElev2:#1C1922;
  --paper:#F7F4F0; --muted:#9C96A2;
  --luce:#FF2E93; --luceSoft:#FF7DBB; --line:#28232F;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--ink);color:var(--paper);font-family:'Inter',sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}
.wrap{max-width:760px;margin:0 auto;padding:0 22px}
header{border-bottom:1px solid var(--line);padding:22px 0;position:sticky;top:0;background:rgba(8,7,10,.92);backdrop-filter:blur(10px);z-index:10}
header .row{display:flex;align-items:center;gap:10px}
header a{color:var(--paper);text-decoration:none;display:flex;align-items:center;gap:10px}
header .word{font-family:'Archivo Black',sans-serif;letter-spacing:2px;font-size:15px}
main{padding:56px 0 80px}
h1{font-family:'Archivo Black',sans-serif;font-size:clamp(30px,5vw,42px);letter-spacing:-.5px;line-height:1.15}
.updated{color:var(--muted);font-size:14px;margin-top:12px}
h2{font-family:'Archivo Black',sans-serif;font-size:19px;margin:44px 0 14px;color:var(--luceSoft)}
p{color:var(--paper);margin-bottom:14px}
ul{margin:0 0 16px 20px}
li{margin-bottom:8px}
a{color:var(--luce)}
.box{background:var(--inkElev1);border:1px solid var(--line);border-radius:16px;padding:22px;margin:24px 0}
.box p:last-child{margin-bottom:0}
footer{border-top:1px solid var(--line);padding:36px 0;color:var(--muted);font-size:13px;text-align:center}
footer a{color:var(--muted);text-decoration:none;margin:0 10px}
footer a:hover{color:var(--luce)}
