:root{color-scheme:dark;--midnight:#121329;--blue:#244d7b;--violet:#4e0a60;--pink:#d40078;--soft:#f8f4fb;--ink:#171329;--line:rgba(255,255,255,.22);--glass:rgba(14,16,38,.88);--shadow:0 28px 90px rgba(7,6,27,.52)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--midnight)}
body{margin:0;min-width:320px;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#fff;background:var(--midnight);line-height:1.58}
body.screen-locked{overflow:hidden}
button,[role="button"],summary{cursor:pointer}
button{font:inherit}
[hidden]{display:none!important}
.offer-canvas{position:fixed;inset:0;z-index:0;background-image:linear-gradient(90deg,rgba(12,14,36,.96) 0%,rgba(12,14,36,.83) 32%,rgba(12,14,36,.28) 67%,rgba(12,14,36,.08) 100%),url('/images/megadate-background.webp');background-size:cover;background-position:center;outline:none}
.offer-canvas::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 22%,rgba(212,0,120,.15),transparent 34%),linear-gradient(180deg,rgba(12,13,33,.05),rgba(12,13,33,.45))}
.offer-canvas:focus-visible{box-shadow:inset 0 0 0 4px #fff,inset 0 0 0 8px var(--pink)}
.topline{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px clamp(18px,5vw,72px);background:linear-gradient(90deg,rgba(28,67,111,.9),rgba(74,8,90,.84));border-bottom:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px)}
.wordmark{display:flex;align-items:center;gap:7px;padding:7px 13px;border:2px solid rgba(255,255,255,.72);border-radius:11px;background:linear-gradient(180deg,#376990,#25486d);box-shadow:inset 0 0 0 3px rgba(255,255,255,.12),0 7px 22px rgba(0,0,0,.24);font-size:clamp(1.05rem,2.2vw,1.42rem);font-style:italic;font-weight:370;letter-spacing:.08em;text-shadow:0 1px 2px rgba(0,0,0,.7)}
.wordmark b{color:#ee177f;font-size:1.2em;line-height:1;text-shadow:0 0 0 #fff,0 0 8px rgba(255,255,255,.55)}
.member-access{border:1px solid rgba(255,255,255,.7);border-radius:999px;padding:9px 21px;background:rgba(29,10,50,.48);color:white;font-weight:780;text-transform:uppercase;letter-spacing:.08em;transition:transform .2s,background .2s}
.member-access:hover,.member-access:focus-visible{transform:translateY(-2px);background:var(--pink)}
.stage-shell{position:relative;z-index:3;width:min(1180px,calc(100% - 36px));min-height:650px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(350px,.88fr);align-items:center;gap:50px;padding:56px 0 78px}
.message-deck{max-width:690px;padding:clamp(27px,5vw,48px);border:1px solid var(--line);border-radius:34px;background:linear-gradient(145deg,rgba(18,19,49,.97),rgba(49,12,62,.91));box-shadow:var(--shadow);backdrop-filter:blur(12px)}
.micro-label,.access-kicker,.invite-kicker{margin:0 0 12px;color:#ff79bf;font-size:.76rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
h1{margin:0;max-width:12ch;font-size:clamp(2.35rem,5.4vw,5.3rem);line-height:.96;letter-spacing:-.052em;text-wrap:balance;overflow-wrap:anywhere}
.lead-copy{max-width:590px;margin:24px 0 0;color:#e7dfed;font-size:clamp(1rem,1.6vw,1.14rem)}
.launch-row{display:flex;align-items:center;gap:17px;flex-wrap:wrap;margin-top:30px}
.main-launch,.article-launch,.invite-launch,#ConfirmAdult{border:0;border-radius:999px;padding:14px 24px;background:linear-gradient(135deg,#ed208d,#cb006f 58%,#8a075f);color:#fff;font-weight:850;box-shadow:0 15px 36px rgba(212,0,120,.34);transition:transform .2s,box-shadow .2s,filter .2s}
.main-launch:hover,.main-launch:focus-visible,.article-launch:hover,.article-launch:focus-visible,.invite-launch:hover,.invite-launch:focus-visible,#ConfirmAdult:hover,#ConfirmAdult:focus-visible{transform:translateY(-2px);box-shadow:0 20px 46px rgba(212,0,120,.48);filter:saturate(1.12)}
.live-proof{display:inline-flex;align-items:center;gap:9px;color:#f1ebf4;font-size:.87rem;font-weight:700}
.live-proof i{width:9px;height:9px;border-radius:50%;background:#63efa7;box-shadow:0 0 0 6px rgba(99,239,167,.12),0 0 16px rgba(99,239,167,.65)}
.visual-rail{position:relative;min-height:520px;isolation:isolate}
.visual-rail::before{content:"";position:absolute;inset:48px 20px 30px;border:1px solid rgba(255,255,255,.22);border-radius:48% 52% 46% 54%;background:radial-gradient(circle,rgba(212,0,120,.17),transparent 65%);transform:rotate(-6deg)}
.portrait-chip{position:absolute;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.34);background:#18152d;border-radius:24px;box-shadow:0 28px 60px rgba(5,5,25,.5);outline:none;transition:transform .25s,border-color .25s,box-shadow .25s}
.portrait-chip img{display:block;width:100%;object-fit:cover}
.portrait-chip figcaption{padding:12px 15px 14px;background:linear-gradient(180deg,#24162f,#17142a);font-size:.78rem;font-weight:760;text-align:center}
.portrait-chip:hover,.portrait-chip:focus-visible{z-index:5;border-color:#ff8ac5;box-shadow:0 33px 76px rgba(212,0,120,.34)}
.portrait-wide{top:60px;left:0;width:310px;transform:rotate(-5deg)}
.portrait-wide img{height:250px}
.portrait-wide:hover,.portrait-wide:focus-visible{transform:translateY(-8px) rotate(-2deg)}
.portrait-close{right:2px;bottom:35px;width:205px;transform:rotate(7deg)}
.portrait-close img{height:285px}
.portrait-close:hover,.portrait-close:focus-visible{transform:translateY(-8px) rotate(3deg)}
.reading-dock{position:relative;z-index:3;width:min(1050px,calc(100% - 36px));margin:0 auto 72px}
.editorial-details{overflow:clip;border:1px solid rgba(255,255,255,.2);border-radius:24px;background:rgba(16,17,40,.95);box-shadow:var(--shadow)}
.editorial-details>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 25px;list-style:none;background:linear-gradient(90deg,rgba(212,0,120,.18),rgba(255,255,255,.03));font-weight:820}
.editorial-details>summary::-webkit-details-marker{display:none}
.summary-pulse{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:50%;background:var(--pink);font-size:1.4rem;line-height:1;transition:transform .25s}
.editorial-details[open] .summary-pulse{transform:rotate(45deg)}
.editorial-copy{padding:clamp(27px,6vw,72px);background:#fbf8fc;color:var(--ink)}
.editorial-copy h2{margin:2.05em 0 .58em;color:#6a1655;font-size:clamp(1.42rem,3vw,2.25rem);line-height:1.16;letter-spacing:-.025em}
.editorial-copy h2:first-child{margin-top:0}
.editorial-copy p{max-width:78ch;margin:0 0 1.08em;color:#44384b;font-size:1.01rem}
.article-callout{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;margin-top:40px;padding:23px;border-radius:19px;background:linear-gradient(120deg,#20234b,#591154);color:white}
.article-callout p{margin:0;color:#fff;font-weight:820}
.access-layer{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:22px;background-image:linear-gradient(90deg,rgba(13,15,39,.74),rgba(37,8,46,.38)),url('/images/megadate-background.webp');background-size:cover;background-position:center}
.access-card{position:relative;width:min(525px,100%);padding:clamp(27px,5vw,48px);border:1px solid rgba(255,255,255,.32);border-radius:32px;background:rgba(16,17,43,.95);box-shadow:0 36px 105px rgba(4,4,20,.72);text-align:center}
.access-heart{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 20px;border-radius:22px;background:linear-gradient(145deg,#f03298,#b70069);font-size:2.1rem;box-shadow:0 14px 36px rgba(212,0,120,.35)}
.access-card h2,.invite-panel h2{margin:0;font-size:clamp(1.8rem,5vw,2.9rem);line-height:1.05;letter-spacing:-.035em}
.access-card>p:not(.access-kicker){max-width:43ch;margin:17px auto;color:#e7dfee}
.access-actions{display:grid;gap:11px;margin-top:26px}
#AdultReject{border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:12px 22px;background:transparent;color:#f1ebf5;font-weight:720}
#AdultReject:hover,#AdultReject:focus-visible{border-color:white;background:rgba(255,255,255,.08)}
.invite-screen{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:22px;background:rgba(9,10,29,.58);backdrop-filter:blur(8px)}
.invite-panel{position:relative;width:min(470px,100%);padding:42px;border:1px solid rgba(255,255,255,.26);border-radius:30px;background:linear-gradient(145deg,#27224e,#421044);box-shadow:0 32px 95px rgba(4,4,21,.74);text-align:center}
.invite-panel>p:not(.invite-kicker){margin:17px auto 25px;color:#e3dbe9}
.invite-close{position:absolute;top:13px;right:14px;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:rgba(255,255,255,.07);color:white;font-size:1.5rem;line-height:1}
.invite-close:hover,.invite-close:focus-visible{background:var(--pink)}
.invite-launch{width:100%}
.invite-later{margin-top:14px;border:0;background:transparent;color:#d4c7da;text-decoration:underline;text-underline-offset:4px}
:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-width:900px){.offer-canvas{background-image:linear-gradient(180deg,rgba(13,15,39,.95) 0%,rgba(13,15,39,.78) 38%,rgba(13,15,39,.36) 72%,rgba(13,15,39,.2)),url('/images/megadate-background.webp');background-position:56% center}.stage-shell{grid-template-columns:1fr;gap:12px;min-height:auto;padding-top:32px}.message-deck{max-width:none}.message-deck h1{max-width:100%;overflow-wrap:normal;word-break:normal}.visual-rail{min-height:480px}.reading-dock{margin-top:12px}}
@media(max-width:600px){.topline{padding:14px 15px;gap:10px}.wordmark{padding:5px 9px;font-size:.86rem}.member-access{padding:8px 11px;font-size:.7rem}.stage-shell{width:min(100% - 24px,560px);padding:18px 0 34px}.message-deck{padding:26px 21px;border-radius:24px}h1{font-size:clamp(2rem,10vw,2.42rem);max-width:100%;overflow-wrap:normal;word-break:normal}.lead-copy{margin-top:18px}.launch-row{margin-top:23px}.main-launch{width:100%}.live-proof{width:100%;justify-content:center}.visual-rail{min-height:410px}.visual-rail::before{inset:30px 8px 20px}.portrait-wide{top:35px;left:0;width:245px}.portrait-wide img{height:185px}.portrait-close{right:7px;bottom:26px;width:165px}.portrait-close img{height:230px}.portrait-chip figcaption{padding:9px 8px 11px;font-size:.67rem}.reading-dock{width:calc(100% - 24px);margin-bottom:34px}.editorial-details>summary{padding:18px;font-size:.87rem}.editorial-copy{padding:26px 20px}.article-callout{padding:20px}.article-launch{width:100%}.access-layer{padding:14px;background-position:61% center}.access-card{padding:27px 20px;border-radius:24px}.invite-panel{padding:39px 23px 29px;border-radius:24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.dialog-label{margin:0 0 14px;font-size:clamp(1.55rem,4vw,2.2rem);font-weight:800;line-height:1.1}
