:root{color-scheme:dark;--pink:#ff58ad;--line:#442b48;--muted:#cbbacb}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 15% -18%,#46234b 0,#120e18 40%,#100d16 90%);color:#f8f0f9;font:15px/1.78 system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}
a{color:#ffb4d8;text-decoration:none}a:hover{text-decoration:underline}header{border-bottom:1px solid rgba(255,255,255,.12);background:#1c1123}header .bar{max-width:1100px;margin:auto;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}header a.logo{font-size:23px;font-weight:950;color:#fff;letter-spacing:-.05em}header nav{display:flex;gap:16px;font-size:13px}
main{max-width:950px;margin:0 auto;padding:30px 20px 85px}
.kicker{color:#f999cd;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.bread{color:#d3a5c4;font-size:12px;margin:2px 0 24px}
h1{font-size:clamp(26px,5vw,43px);line-height:1.34;letter-spacing:-.04em;margin:6px 0 18px}
h2{font-size:23px;line-height:1.4;margin:36px 0 13px}
p{max-width:79ch;color:#dfd2df}strong{color:#fff}.sub{font-size:14px;color:#c5b1c4}
.button{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:52px;border-radius:999px;padding:12px 22px;margin:13px 0;background:linear-gradient(110deg,#ec299b,#812cc5);color:white;font-size:15px;font-weight:850;text-align:center;box-shadow:0 10px 30px #0005}.button:hover{text-decoration:none;filter:brightness(1.13)}
.panel{border-radius:19px;background:#1d1625;border:1px solid #42304d;padding:17px 20px;margin:16px 0}
.chips{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}.chip{display:inline-block;border-radius:999px;border:1px solid #69405d;background:#221527;color:#f8cee3;padding:6px 12px;font-size:13px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
.tile{padding:14px 15px;border-radius:15px;background:#24192a;border:1px solid #4e3552}.tile a{font-weight:800;color:#ffe3f0}.tile small{display:block;color:#baa7be;margin-top:4px;font-size:11px}
footer{border-top:1px solid #422a4a;background:#19121e;color:#bcafc0;padding:27px 20px;text-align:center;font-size:12px}
a:focus-visible{outline:3px solid #ff85cb;outline-offset:4px}
@media(max-width:600px){header .bar{padding:14px 15px}header nav{gap:10px;font-size:11px}main{padding:23px 16px 70px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tile{padding:11px;font-size:13px}h2{font-size:20px}}