:root{
  --bg:#1A0E1C; --surface:#2A1528; --raised:#3A1430; --line:#3D2438;
  --text:#FBEAF0; --text2:#C9A6B5; --text3:#8A6B79;
  --pink:#D4537E; --pink-l:#F4C0D1; --gold:#EF9F27; --gold-l:#FAC775;
  --radius:22px; --maxw:760px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);
  font:16px/1.6 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased}
a{color:var(--pink-l)}
a:hover{color:var(--gold-l)}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
.serif{font-family:"New York","Iowan Old Style",Georgia,"Times New Roman",serif}

header.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 0}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}
.brand img{width:34px;height:34px;border-radius:9px}
.brand span{font-family:"New York","Iowan Old Style",Georgia,serif;font-size:21px;letter-spacing:.3px}
.lang a{color:var(--text3);text-decoration:none;font-size:14px;margin-left:12px}
.lang a.on{color:var(--gold-l)}

.hero{padding:40px 0 18px;text-align:center}
.hero img.icon{width:112px;height:112px;border-radius:26px;box-shadow:0 18px 50px rgba(212,83,126,.18)}
.hero h1{font-family:"New York","Iowan Old Style",Georgia,serif;font-weight:500;font-size:clamp(32px,6vw,48px);line-height:1.15;margin:26px 0 12px}
.hero p.lead{color:var(--text2);font-size:clamp(17px,2.4vw,20px);max-width:560px;margin:0 auto}
.cta{display:inline-block;margin-top:26px;padding:14px 26px;border-radius:999px;background:var(--pink);color:#fff;text-decoration:none;font-weight:600}
.cta:hover{color:#fff;filter:brightness(1.08)}
.soon{display:block;color:var(--text3);font-size:13px;margin-top:10px}

.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:38px 0}
.card{background:var(--surface);border:.5px solid var(--line);border-radius:var(--radius);padding:20px}
.card h3{margin:0 0 6px;font-size:17px}
.card p{margin:0;color:var(--text2);font-size:15px}
.kicker{color:var(--gold-l);font-size:12px;letter-spacing:1.6px;text-transform:uppercase;font-weight:600}

.note{background:var(--raised);border-radius:var(--radius);padding:18px 20px;color:var(--text2);font-size:14.5px;margin:10px 0 40px}

article.doc{padding:10px 0 30px}
article.doc h1{font-family:"New York","Iowan Old Style",Georgia,serif;font-weight:500;font-size:34px;margin:10px 0 4px}
article.doc .meta{color:var(--text3);font-size:14px;margin-bottom:26px}
article.doc h2{font-size:19px;margin:30px 0 8px;color:var(--gold-l)}
article.doc p,article.doc li{color:var(--text2)}
article.doc strong{color:var(--text)}
article.doc ul{padding-left:20px}
article.doc hr{border:0;border-top:.5px solid var(--line);margin:46px 0}
.toc{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 20px}
.toc a{background:var(--surface);border:.5px solid var(--line);border-radius:999px;padding:6px 14px;text-decoration:none;font-size:14px;color:var(--text2)}

details{background:var(--surface);border:.5px solid var(--line);border-radius:16px;padding:14px 18px;margin:10px 0}
details summary{cursor:pointer;color:var(--text);font-weight:600}
details p{margin:10px 0 0;color:var(--text2)}

footer{border-top:.5px solid var(--line);margin-top:30px;padding:22px 0 40px;color:var(--text3);font-size:14px}
footer nav a{color:var(--text2);text-decoration:none;margin-right:16px}
footer nav a:hover{color:var(--gold-l)}