:root{--bg:#0b0709;--card:#160e13;--pink:#ff2d8a;--mag:#c2187a;--text:#f5e9f0;--muted:#b49aa8}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:'Poppins',sans-serif;line-height:1.6}
body.locked{overflow:hidden}
h1,h2,h3{font-family:'Playfair Display',serif;font-weight:600}
a{color:inherit}
.btn{display:inline-block;padding:.8rem 1.4rem;border-radius:999px;text-decoration:none;font-weight:600;border:2px solid var(--pink);cursor:pointer;font:inherit;font-weight:600;transition:transform .25s,box-shadow .25s,background .25s}
.btn-primary{background:linear-gradient(135deg,var(--pink),var(--mag));color:#fff;border-color:transparent}
.btn-ghost{background:transparent;color:var(--text)}
.btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(255,45,138,.45)}
.btn-ghost:hover{background:rgba(255,45,138,.12)}
.btn-lg{padding:1rem 2rem;font-size:1.05rem;width:100%;text-align:center}
.age-gate{position:fixed;inset:0;z-index:100;background:rgba(5,2,4,.92);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;padding:1.5rem}
.age-gate[hidden]{display:none}
.age-box{max-width:420px;background:var(--card);border:1px solid rgba(255,45,138,.35);border-radius:20px;padding:2rem;text-align:center;box-shadow:0 0 60px rgba(255,45,138,.25)}
.age-box h2{margin:1rem 0 .5rem}.age-box p{color:var(--muted);font-size:.95rem}
.age-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}
.badge{display:inline-block;border:2px solid var(--pink);color:var(--pink);border-radius:50%;width:64px;height:64px;line-height:60px;font-weight:600;font-size:1.3rem}
.badge.small{width:44px;height:44px;line-height:40px;font-size:.95rem;margin:1rem 0}
.hero{position:relative;min-height:88vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 1.5rem;overflow:hidden}
.glow{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(255,45,138,.35),transparent 65%);top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse 6s ease-in-out infinite;z-index:-1}
@keyframes pulse{50%{transform:translate(-50%,-50%) scale(1.15)}}
.eyebrow{letter-spacing:.3em;text-transform:uppercase;font-size:.75rem;color:var(--pink)}
.hero h1{font-size:clamp(4rem,18vw,9rem);font-style:italic;background:linear-gradient(135deg,#fff,var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.1;margin:.5rem 0}
.tagline{max-width:520px;color:var(--muted);font-weight:300;font-size:1.1rem}
.cta{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;width:100%;max-width:420px}
section{padding:4rem 1.25rem;max-width:1100px;margin:0 auto;text-align:center}
section h2{font-size:2.2rem}
.section-sub{color:var(--muted);margin-bottom:2rem}
.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.card{position:relative;aspect-ratio:3/4;border-radius:16px;overflow:hidden;text-decoration:none;border:1px solid rgba(255,45,138,.2);transition:transform .3s,box-shadow .3s}
.card:hover{transform:scale(1.03);box-shadow:0 12px 40px rgba(255,45,138,.35)}
.card-bg{position:absolute;inset:-20px;background-size:cover;background-position:center;filter:blur(18px);transition:filter .3s}
.card:hover .card-bg{filter:blur(14px) brightness(1.15)}
.g1{background:linear-gradient(160deg,#ff2d8a,#3a0a24)}.g2{background:linear-gradient(200deg,#7a1350,#0b0709)}.g3{background:linear-gradient(130deg,#c2187a,#1a0610,#ff7ab8)}
.g4{background:linear-gradient(220deg,#ff5fa2,#2b0718)}.g5{background:linear-gradient(170deg,#4a0b30,#ff2d8a)}.g6{background:linear-gradient(110deg,#1a0610,#c2187a,#ff9cc8)}
.lock{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);font-size:2.2rem;filter:drop-shadow(0 0 10px rgba(0,0,0,.6))}
.cap{position:absolute;bottom:0;left:0;right:0;padding:.75rem;font-size:.8rem;background:linear-gradient(transparent,rgba(0,0,0,.75));color:#fff}
.steps{list-style:none;display:grid;gap:1.25rem;margin:2rem 0}
.steps li{background:var(--card);border:1px solid rgba(255,45,138,.2);border-radius:18px;padding:1.75rem;transition:border-color .3s,transform .3s}
.steps li:hover{border-color:var(--pink);transform:translateY(-4px)}
.num{display:inline-flex;width:44px;height:44px;border-radius:50%;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--pink),var(--mag));font-weight:600;margin-bottom:.75rem}
.steps p{color:var(--muted);font-size:.95rem}
.center{max-width:420px}
footer{border-top:1px solid rgba(255,45,138,.2);padding:2.5rem 1.25rem;text-align:center;color:var(--muted);font-size:.85rem}
footer nav{display:flex;gap:1.5rem;justify-content:center}
footer nav a{color:var(--pink);text-decoration:none}footer nav a:hover{text-decoration:underline}
.privacy{max-width:520px;margin:.5rem auto}
@media(min-width:768px){
 .cta{flex-direction:row;max-width:none;justify-content:center}.cta .btn-lg{width:auto}
 .gallery{grid-template-columns:repeat(3,1fr)}
 .steps{grid-template-columns:repeat(3,1fr)}
 .age-actions{flex-direction:row;justify-content:center}
}
.price-badge{display:inline-block;margin-bottom:1rem;padding:.35rem 1rem;border-radius:999px;background:rgba(255,45,138,.15);border:1px solid var(--pink);color:#ffd1e6;font-size:.85rem;font-weight:600}
.plan{position:relative;max-width:420px;margin:0 auto;background:linear-gradient(160deg,#22101a,var(--card));border:2px solid var(--pink);border-radius:24px;padding:2.5rem 1.75rem 2rem;box-shadow:0 0 50px rgba(255,45,138,.3);transition:transform .3s}
.plan:hover{transform:translateY(-6px)}
.plan-tag{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--pink),var(--mag));padding:.25rem 1rem;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}
.plan h3{font-size:1.6rem}
.price{font-family:'Playfair Display',serif;font-size:3rem;color:#fff;margin:.5rem 0 1rem}
.price .cur{font-size:1.3rem;vertical-align:top}.price .per{font-family:'Poppins',sans-serif;font-size:.95rem;color:var(--muted)}
.plan ul{list-style:none;text-align:left;margin-bottom:1.75rem}
.plan li{padding:.5rem 0 .5rem 1.8rem;position:relative;border-bottom:1px solid rgba(255,255,255,.06)}
.plan li::before{content:'✓';position:absolute;left:0;color:var(--pink);font-weight:600}
.faq{max-width:720px;margin:2rem auto 0;text-align:left;display:grid;gap:.75rem}
.faq details{background:var(--card);border:1px solid rgba(255,45,138,.2);border-radius:14px;padding:1rem 1.25rem;transition:border-color .3s}
.faq details[open],.faq details:hover{border-color:var(--pink)}
.faq summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';color:var(--pink);font-size:1.3rem;line-height:1}
.faq details[open] summary::after{content:'−'}
.faq p{color:var(--muted);margin-top:.6rem;font-size:.95rem}
.sticky-cta{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:50;text-align:center;padding:.9rem;border-radius:999px;background:linear-gradient(135deg,var(--pink),var(--mag));color:#fff;font-weight:600;text-decoration:none;box-shadow:0 8px 30px rgba(255,45,138,.5)}
body{padding-bottom:5rem}
@media(min-width:768px){.sticky-cta{display:none}body{padding-bottom:0}}
.switchers{position:fixed;top:.75rem;right:.75rem;z-index:120;display:flex;gap:.4rem;align-items:center}
.sw{display:flex;background:rgba(22,14,19,.85);border:1px solid rgba(255,45,138,.35);border-radius:999px;overflow:hidden;backdrop-filter:blur(8px)}
.sw button,#cur-sw{background:transparent;border:0;color:var(--muted);font:600 .75rem 'Poppins',sans-serif;padding:.4rem .6rem;cursor:pointer;transition:color .2s,background .2s}
.sw button:hover{color:#fff}.sw button.active{background:var(--pink);color:#fff}
#cur-sw{background:rgba(22,14,19,.85);border:1px solid rgba(255,45,138,.35);border-radius:999px;color:#fff}
#cur-sw option{background:#160e13}
.price .amount{font-size:3rem}
