:root{--ink:#14131a;--muted:#66636e;--pink:#e5007d;--pink2:#ff2b9c;--black:#08080b;--panel:#15141b;--line:#e8e5eb;--bg:#f7f6f8;--white:#fff;--radius:18px;--shadow:0 14px 38px rgba(25,10,25,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{color:inherit}button{font:inherit}
.container{width:min(1180px,calc(100% - 40px));margin:auto}
.header{background:#050508;color:#fff;position:sticky;top:0;z-index:30;border-bottom:1px solid #29232d}.nav{min-height:76px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;text-decoration:none;min-width:180px}.brand img{width:154px;height:52px;object-fit:contain;object-position:left center}.navlinks{display:flex;gap:20px;align-items:center;margin-left:auto}.navlinks a{color:#eee;text-decoration:none;font-size:13px;font-weight:750}.navlinks a:hover{color:#ff5bb1}.menu-btn{display:none;background:#1c1920;border:1px solid #51414f;color:#fff;border-radius:10px;padding:9px 13px}.refcta{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:7px;background:var(--pink);color:#fff;text-decoration:none;font-weight:900;padding:14px 24px;cursor:pointer;box-shadow:0 6px 18px rgba(229,0,125,.24);transition:transform .18s,filter .18s}.refcta:hover{transform:translateY(-2px);filter:brightness(1.08)}.nav .refcta{padding:11px 18px;font-size:13px}
.hero{background:linear-gradient(90deg,rgba(7,6,12,.97) 0%,rgba(13,7,17,.88) 43%,rgba(13,7,17,.18) 100%),url('../img/hero.webp') center right/cover no-repeat;color:#fff;min-height:510px;display:flex;align-items:center;position:relative}.hero-inner{max-width:650px;padding:64px 0}.eyebrow{display:inline-block;color:#ff8bc8;border:1px solid rgba(255,80,174,.55);background:rgba(229,0,125,.12);border-radius:999px;padding:6px 13px;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.hero h1{font-size:clamp(35px,5vw,59px);line-height:1.04;letter-spacing:-1.8px;margin:20px 0 18px}.hero p{font-size:18px;line-height:1.65;color:#eee5ef;margin:0 0 27px;max-width:610px}.hero-points{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;font-size:13px;font-weight:800;color:#f6eaf2}.hero-points span:before{content:"✓";color:#ff54ad;margin-right:8px}
.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:28px 0}.quick a{border:1px solid var(--line);border-radius:14px;padding:17px 18px;text-decoration:none;background:#fff;box-shadow:0 5px 18px rgba(20,10,20,.04);transition:.18s}.quick a:hover{border-color:#f5a1ce;transform:translateY(-3px);box-shadow:var(--shadow)}.quick b{display:block;font-size:15px;margin-bottom:3px}.quick small{color:var(--muted)}
.pagehero{background:linear-gradient(115deg,#100c14,#32102a 70%,#5b0d3d);color:#fff;padding:52px 0}.crumb{font-size:12px;color:#d9c9d4}.crumb a{color:#ff8bc8;text-decoration:none}.pagehero h1{font-size:clamp(32px,4vw,48px);line-height:1.1;margin:14px 0}.pagehero p{max-width:800px;color:#eee0e9;font-size:17px;margin:0 0 22px}
.content{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:40px;padding:40px 0 72px}.article h2{font-size:26px;line-height:1.2;letter-spacing:-.4px;margin:36px 0 12px;color:#21131d}.article h2:first-child{margin-top:0}.article p{margin:0 0 16px;color:#48434c}.article ul{padding-left:22px;color:#48434c}.article li{margin:8px 0}.sidebar{position:sticky;top:98px;align-self:start;border:1px solid var(--line);border-radius:15px;padding:19px;background:#faf8fa}.sidebar h3{margin:0 0 10px;font-size:16px}.sidebar a{display:block;padding:8px 0;border-bottom:1px solid #ebe6eb;text-decoration:none;color:#51424d;font-size:13px}.sidebar a:hover{color:var(--pink)}.callout{margin:24px 0;background:#fff2f8;border-left:4px solid var(--pink);padding:17px 19px;border-radius:0 12px 12px 0;color:#4e3544}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:24px 0}.card{border:1px solid var(--line);border-radius:15px;padding:19px;background:#fff}.card h3{margin:0 0 7px;font-size:17px}.card p{font-size:14px;color:var(--muted);margin:0 0 9px}.card a{font-weight:800;color:#a9005d;text-decoration:none}
.faq details{border:1px solid var(--line);border-radius:12px;padding:15px 17px;margin:10px 0}.faq summary{font-weight:850;cursor:pointer}.faq details p{margin:11px 0 0}
.footer{background:#08070b;color:#d8d0d8;padding:42px 0 22px}.footergrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer a{display:block;color:#d8d0d8;text-decoration:none;margin:7px 0;font-size:13px}.footer a:hover{color:#ff65b7}.footer .brand img{width:145px}.footerbottom{border-top:1px solid #332631;margin-top:26px;padding-top:17px;color:#a99ca8;font-size:12px}.disclosure{font-size:12px;color:#a99ca8;max-width:620px}
@media(max-width:900px){.navlinks{display:none;position:absolute;top:76px;left:0;right:0;background:#08070b;padding:18px 22px;flex-direction:column;align-items:flex-start}.navlinks.open{display:flex}.menu-btn{display:block;margin-left:auto}.nav>.refcta{display:none}.quick{grid-template-columns:repeat(2,1fr)}.content{grid-template-columns:1fr}.sidebar{position:static;order:-1}.hero{background-position:62% center}.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.container{width:calc(100% - 28px)}.nav{min-height:66px}.brand img{width:138px;height:48px}.navlinks{top:66px}.hero{min-height:520px;background-position:65% center}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,6,12,.96),rgba(7,6,12,.58))}.hero-inner{position:relative;padding:52px 0}.hero h1{font-size:36px}.hero p{font-size:16px}.quick{gap:10px;padding:19px 0}.quick a{padding:14px}.content{padding:28px 0 50px}.article h2{font-size:23px}.cards{grid-template-columns:1fr}.footergrid{grid-template-columns:1fr}.pagehero{padding:39px 0}.pagehero h1{font-size:34px}}

.related-links{margin:34px 0 26px;padding:22px 24px;border:1px solid #eadce5;border-radius:15px;background:#fff8fc}
.related-links h2{margin:0 0 8px;font-size:21px;color:#32102a}
.related-links p{margin:0 0 10px;color:#62535e}
.related-links ul{display:flex;flex-wrap:wrap;gap:9px 22px;margin:0;padding-left:19px}
.related-links li{margin:3px 0}
.related-links a{color:#a9005d;font-weight:750;text-decoration:underline;text-underline-offset:3px}
.related-links a:hover{color:#e5007d}