:root{
  --bg:#140A12; --card:#24141F; --line:rgba(255,255,255,.08);
  --text:#FFF5F8; --muted:#C9A8B6; --muted2:#8E6B7A; --pink:#FF4D8D; --pink2:#FF7AB0;
}
*{box-sizing:border-box}
body{
  margin:0; font-family:Manrope,system-ui,sans-serif; color:var(--text);
  background:radial-gradient(800px 400px at 20% -10%, rgba(255,77,141,.2), transparent 50%), var(--bg);
  line-height:1.6; min-height:100vh;
}
a{color:var(--pink2)}
.wrap{width:min(780px, calc(100% - 28px)); margin:0 auto; padding:28px 0 60px}
.nav{display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; align-items:center; margin-bottom:28px}
.logo{font-weight:800; color:var(--text); text-decoration:none}
h1{font-size:clamp(26px,4vw,34px); letter-spacing:-.02em; margin:0 0 12px}
h2{font-size:18px; margin:28px 0 10px}
p,li{color:var(--muted); font-size:15px}
.card{
  background:var(--card); border:1px solid var(--line); border-radius:18px; padding:22px 22px;
}
.meta{font-size:13px; color:var(--muted2); margin-bottom:18px}
.links{display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; font-size:13px}
footer{margin-top:28px; color:var(--muted2); font-size:12px}