:root { color-scheme:dark; font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:#f5f2ff; background:#08060f; }
* { box-sizing:border-box; }
body { margin:0; min-height:100svh; background:radial-gradient(ellipse at 15% 0%,#211139 0%,transparent 55%),radial-gradient(ellipse at 95% 55%,#331025 0%,transparent 50%); }
a { color:inherit; text-decoration:none; }
.glow { position:fixed; width:280px; height:280px; border-radius:50%; filter:blur(100px); opacity:.25; pointer-events:none; z-index:-1; }
.glow-one { background:#8b5cf6; top:-100px; left:0; }.glow-two { background:#ff4d7d; right:-100px; bottom:0; }
.choice-shell { max-width:1080px; margin:auto; padding:28px 28px 35px; }
.choice-header { display:flex; justify-content:space-between; align-items:center; }.choice-brand { font-size:24px; font-weight:800; letter-spacing:-1px; }.choice-brand span { color:#ff96ba; }
.age-label { padding:8px 12px; border:1px solid #ffffff22; border-radius:100px; font-size:12px; letter-spacing:2px; color:#c6badb; }
.choice-heading { text-align:center; padding:54px 0 35px; }.eyebrow { font-size:12px; letter-spacing:3px; font-weight:700; color:#c7afef; }
h1 { font-size:clamp(40px,5vw,64px); line-height:1.06; letter-spacing:-2.4px; margin:18px 0; }h1 span { background:linear-gradient(100deg,#fff,#ff9ab8 45%,#a78bfa); background-clip:text; color:transparent; }
.choice-heading>p:last-child { font-size:16px; color:#b4a9c8; line-height:1.6; }
.choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.choice-card { position:relative; display:block; aspect-ratio:3/4; overflow:hidden; border:1px solid #ffffff22; border-radius:24px; background:#191124; color:inherit; padding:0; text-align:left; font:inherit; transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.choice-card img, .choice-card video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 20%; }.men img { object-position:50% 10%; filter:saturate(.75); }
.card-shade { position:absolute; inset:0; background:linear-gradient(180deg,transparent 30%,#08060fc9 75%,#08060f 100%); }
.choice-copy { position:absolute; left:24px; right:24px; bottom:28px; display:flex; flex-direction:column; gap:8px; }.choice-copy strong { font-size:27px; letter-spacing:1px; font-weight:850; }.choice-copy>span { font-size:14px; color:#d3c8e3; line-height:1.5; }
.card-corner { position:absolute; right:18px; top:18px; border-radius:100px; padding:8px 11px; font-size:12px; font-weight:700; letter-spacing:1px; background:#08060f99; border:1px solid #ffffff25; }.arrow { display:grid; place-items:center; padding:0; width:42px; height:42px; font-size:25px; background:linear-gradient(135deg,#ff4d7d,#8b5cf6); border:0; }
.women { cursor:pointer; }.women:hover { transform:translateY(-6px); border-color:#ff82b2; box-shadow:0 16px 55px #ff4d7d20; }.women:focus-visible { outline:3px solid #ff9ab8; outline-offset:5px; }.choice-card:disabled { cursor:default; }
.trans { background:linear-gradient(155deg,#172a42,#342041 50%,#623347); }.trans-accent { position:absolute; top:38px; left:28px; font-size:80px; line-height:.95; letter-spacing:-5px; font-weight:850; color:#dceaf6; }.trans-accent em { font-style:normal; color:#efa6c6; }
footer { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-top:35px; color:#a395b7; font-size:12px; line-height:1.6; }footer p { margin:0; }footer a { font-size:14px; }
@media(max-width:700px) {
  .choice-shell { max-width:700px; padding:24px clamp(12px,3vw,20px); }
  .choice-heading { padding:35px 0 25px; }
  .choices { grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(8px,2vw,14px); }
  .choice-card { width:100%; min-width:0; aspect-ratio:3/5; min-height:240px; border-radius:16px; }
  .choice-copy { left:clamp(6px,1.5vw,12px); right:clamp(6px,1.5vw,12px); bottom:16px; gap:6px; }
  .choice-copy strong { font-size:clamp(14px,3.7vw,22px); letter-spacing:0; }
  .choice-copy>span { font-size:14px; line-height:1.35; overflow-wrap:anywhere; }
  .card-shade { background:linear-gradient(180deg,transparent 20%,#08060f80 45%,#08060fe6 75%,#08060f 100%); }
  .choice-card img, .choice-card video { object-position:50% 20%; }
  .card-corner.arrow { top:8px; right:8px; width:30px; height:30px; font-size:20px; }
  .trans-accent { font-size:clamp(32px,8vw,60px); letter-spacing:-2px; left:12px; top:46px; }
  footer { align-items:flex-start; }
}
@media(prefers-reduced-motion:reduce) { .choice-card { transition:none; }.women:hover { transform:none; } }