:root{--bg:#080615;--soft:#100d23;--panel:#17122f;--text:#fffaf2;--muted:#b7b0c9;--gold:#ffc52f;--orange:#ff7a22;--coral:#ff4e66;--violet:#7c4dff;--green:#36db8b;--line:#ffffff1a;--header:74px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{min-width:320px;color:var(--text);background:radial-gradient(circle at 10% 0,#7c4dff33,transparent 30rem),var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-rounded,Segoe UI,system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}a,button{touch-action:manipulation}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.topbar{z-index:50;min-height:var(--header);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#080615fa,#080615c7);border-bottom:1px solid #ffffff0f;align-items:center;gap:28px;padding:12px clamp(18px,4vw,64px);display:flex;position:fixed;inset:0 0 auto}.brand{flex:none;align-items:center;gap:10px;display:flex}.brandMark{background:linear-gradient(145deg,var(--gold),var(--orange) 52%,var(--coral));border-radius:15px;place-items:center;width:44px;height:44px;font-size:1.5rem;font-weight:1000;display:grid;transform:rotate(-4deg);box-shadow:0 9px 28px #ff7a224d}.brandCopy strong{letter-spacing:.04em;font-size:.88rem;line-height:1;display:block}.brandCopy span{color:var(--gold);letter-spacing:.16em;margin-top:5px;font-size:.66rem;font-weight:900;display:block}.publicNav,.memberNav{align-items:center;gap:8px;margin-left:auto;display:flex}.publicNav>a:not(.button),.memberNav a{color:var(--muted);padding:9px 11px;font-size:.84rem;font-weight:800}.publicNav>a:hover,.memberNav a:hover{color:#fff}.button{cursor:pointer;border:1px solid #0000;border-radius:15px;justify-content:center;align-items:center;gap:9px;min-height:50px;padding:13px 20px;font-weight:900;transition:transform .2s,filter .2s,background .2s;display:inline-flex}.button:hover{filter:brightness(1.06);transform:translateY(-2px)}.buttonSmall{border-radius:12px;min-height:40px;padding:9px 14px}.buttonPrimary{color:#171029;background:#fff;box-shadow:0 12px 32px #0000003d}.buttonGhost{border-color:var(--line);background:#ffffff12}.buttonGlass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border-color:#ffffff24}.buttonWide{width:100%}.landingHero,.memberHero{min-height:min(780px,92vh);padding:calc(var(--header) + 80px) clamp(18px,6vw,92px) 100px;isolation:isolate;align-items:end;display:grid;position:relative;overflow:hidden}.landingHero:before,.memberHero:before{content:"";z-index:-3;background:url(/assets/images/biblia-cantada-hero.webp) 50% 30%/cover no-repeat;position:absolute;inset:0;transform:scale(1.015)}.landingShade,.landingHero:after,.memberHero:after{content:"";z-index:-2;background:linear-gradient(90deg,#080615fc,#080615b8 43%,#08061514 80%),linear-gradient(0deg,var(--bg),transparent 48%);position:absolute;inset:0}.heroContent{z-index:1;width:min(680px,100%);animation:.65s ease-out both rise;position:relative}.eyebrow{color:#ffe497;letter-spacing:.1em;background:#0806158c;border:1px solid #ffc52f52;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.7rem;font-weight:900;display:inline-flex}.eyebrow:before{content:"";background:var(--green);width:7px;height:7px;box-shadow:0 0 13px var(--green);border-radius:50%}h1{letter-spacing:-.065em;margin:18px 0 16px;font-size:clamp(3rem,7vw,6rem);line-height:.91}.heroContent h1 span{color:var(--gold)}.heroContent>p{color:#ddd7e8;max-width:570px;font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.6}.heroActions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.heroTrust{color:#cac3d8;flex-wrap:wrap;gap:18px;margin-top:24px;font-size:.77rem;font-weight:700;display:flex}.heroTrust span:first-letter{color:var(--green)}.benefits,.plans{padding:90px clamp(18px,6vw,92px)}.sectionIntro{text-align:center;max-width:700px;margin:0 auto 36px}.kicker{color:var(--gold);letter-spacing:.15em;font-size:.68rem;font-weight:950;display:block}.sectionIntro h2{letter-spacing:-.05em;margin:10px 0 12px;font-size:clamp(2rem,4vw,3.4rem);line-height:1}.sectionIntro p{color:var(--muted)}.benefitGrid,.planGrid{grid-template-columns:repeat(3,1fr);gap:18px;max-width:1180px;margin:auto;display:grid}.benefitCard,.planCard{border:1px solid var(--line);background:linear-gradient(145deg,#ffffff12,#ffffff06);border-radius:24px;padding:28px;position:relative;box-shadow:0 18px 55px #00000029}.benefitNumber{color:var(--gold);font-size:.74rem;font-weight:950}.benefitCard h3,.planCard h3{margin:30px 0 10px;font-size:1.35rem}.benefitCard p,.planCard li{color:var(--muted);line-height:1.6}.plans{background:#ffffff06}.planCard{flex-direction:column;min-height:410px;display:flex}.planCard.featured{background:linear-gradient(145deg,#7c4dff38,#ffc52f14);border-color:#ffc52f8c;transform:translateY(-10px)}.planTag{color:#ffe497;text-transform:uppercase;letter-spacing:.08em;background:#ffffff17;border-radius:99px;align-self:flex-start;padding:6px 10px;font-size:.65rem;font-weight:900}.price{margin-bottom:15px;font-size:2.3rem;font-weight:950}.price small{color:var(--muted);margin-top:5px;font-size:.76rem;font-weight:700;display:block}.planCard ul{margin-bottom:28px;padding-left:20px;list-style:"✓  "}.planCard li{margin:8px 0}.planCard .button{margin-top:auto}.footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:24px;padding:38px clamp(18px,6vw,92px);font-size:.78rem;display:flex}.authPage{grid-template-columns:minmax(380px,1.05fr) minmax(420px,.95fr);min-height:100vh;display:grid}.authVisual{background:linear-gradient(#0806152e,#080615f5),url(/assets/images/biblia-cantada-hero.webp) 50%/cover;flex-direction:column;justify-content:space-between;padding:42px clamp(30px,5vw,74px);display:flex;position:relative}.authVisual>div{max-width:590px}.authVisual h1{font-size:clamp(2.8rem,5vw,5rem)}.authVisual p{color:#ddd7e8;line-height:1.6}.authPanel{background:radial-gradient(circle at top right,#7c4dff2e,transparent 25rem),var(--soft);place-items:center;padding:50px 24px;display:grid}.authBox{width:min(440px,100%)}.mobileBrand{display:none}.authBox h2{letter-spacing:-.045em;margin:10px 0;font-size:clamp(2rem,4vw,3rem)}.authDescription{color:var(--muted);margin-bottom:28px;line-height:1.5}.authForm{gap:16px;display:grid}.authForm label{color:#ddd7e8;gap:8px;font-size:.78rem;font-weight:850;display:grid}.authForm input{border:1px solid var(--line);color:#fff;background:#ffffff0f;border-radius:13px;outline:none;width:100%;padding:14px 15px}.authForm input:focus{background:#ffffff17;border-color:#ffc52fad}.authForm input::placeholder{color:#817a92}.formMessage{color:#ffe8a7;background:#ffc52f14;border:1px solid #ffc52f47;border-radius:12px;padding:12px;font-size:.8rem;line-height:1.4}.authFooter{text-align:center;color:var(--muted);margin-top:24px;font-size:.85rem}.authFooter a{color:var(--gold);font-weight:900}.memberTopbar{background:linear-gradient(#080615fc,#080615b8)}.avatar{background:linear-gradient(145deg,var(--violet),var(--coral));cursor:pointer;border:1px solid #ffc52f4d;border-radius:50%;width:42px;height:42px;margin-left:auto;font-weight:950}.memberHero{min-height:min(680px,82vh)}.catalog{z-index:2;margin-top:-36px;padding-bottom:100px;position:relative}.catalogSection{padding:24px clamp(18px,4vw,64px) 34px;scroll-margin-top:88px}.sectionHeader{justify-content:space-between;align-items:end;gap:18px;margin-bottom:17px;display:flex}.sectionHeader h2{letter-spacing:-.035em;margin:7px 0 0;font-size:clamp(1.4rem,3vw,2.1rem)}.sectionHeader>span{color:#8f88a2;font-size:.76rem;font-weight:800}.mediaRow{scroll-snap-type:x proximity;scrollbar-width:none;grid-auto-columns:clamp(160px,16.2vw,235px);grid-auto-flow:column;gap:clamp(12px,1.5vw,20px);padding:3px 2px 18px;display:grid;overflow-x:auto}.mediaRow::-webkit-scrollbar{display:none}.mediaCard{scroll-snap-align:start;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.poster{aspect-ratio:2/3;border:1px solid var(--line);background:#211a40;border-radius:18px;transition:all .26s;display:block;position:relative;overflow:hidden;box-shadow:0 14px 35px #00000045}.poster img{object-fit:cover;transition:transform .4s}.poster:after{content:"";background:linear-gradient(#0000,#080615e0);position:absolute;inset:48% 0 0}.mediaCard:hover .poster{border-color:#ffc52f73;transform:translateY(-6px)scale(1.02)}.mediaCard:hover img{transform:scale(1.035)}.mediaCard>strong,.mediaCard>small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.mediaCard>strong{margin:11px 2px 5px;font-size:.89rem}.mediaCard>small{color:var(--muted);margin:0 2px;font-size:.72rem}.status{z-index:3;text-transform:uppercase;background:#080615cc;border-radius:99px;padding:6px 9px;font-size:.6rem;font-weight:950;position:absolute;top:10px;left:10px}.status.available{color:#baffdb}.status.vip{color:#ffe497}.status.soon{color:#ccc5da}.playIcon{z-index:3;color:#171029;background:#fff;border-radius:50%;place-items:center;width:42px;height:42px;font-size:.85rem;display:grid;position:absolute;bottom:11px;right:11px}.modalBackdrop{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#03020ae0;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.playerModal{border:1px solid var(--line);background:#100d23;border-radius:24px;width:min(940px,100%);max-height:92vh;position:relative;overflow:auto;box-shadow:0 30px 100px #000}.closeButton{z-index:3;border:1px solid var(--line);cursor:pointer;background:#080615d1;border-radius:50%;width:42px;height:42px;font-size:1.7rem;position:absolute;top:12px;right:12px}.playerStage{background:#030208;place-items:center;min-height:380px;display:grid}.playerStage video{width:100%;max-height:64vh;display:block}.playerStage>img{object-fit:cover;border-radius:15px;width:220px;height:300px;margin:35px auto 14px}.playerStage audio{width:min(560px,90%);margin:0 auto 30px}.playerInfo{padding:24px 30px 30px}.playerInfo h2{margin:7px 0}.playerInfo p{color:var(--muted);line-height:1.5}.lockedPanel{text-align:center;background:radial-gradient(circle,#7c4dff40,#0000 60%);align-content:center;justify-items:center;min-height:390px;padding:50px;display:grid}.lockedPanel>span{color:var(--gold);font-size:3rem}.lockedPanel h3{margin:12px;font-size:2rem}.lockedPanel p{color:var(--muted);max-width:440px}.mobileNav{display:none}.centerPage{text-align:center;place-content:center;justify-items:center;min-height:100vh;padding:24px;display:grid}.centerPage h1{font-size:clamp(2.5rem,7vw,5rem)}.centerPage p{color:var(--muted);margin-top:-5px;margin-bottom:28px}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media (max-width:820px){.publicNav>a:not(.button){display:none}.authPage{grid-template-columns:1fr}.authVisual{display:none}.mobileBrand{margin-bottom:54px;display:block}.benefitGrid,.planGrid{grid-template-columns:1fr}.planCard.featured{transform:none}.footer{flex-direction:column;align-items:flex-start}.memberNav{display:none}.catalog{padding-bottom:100px}.mobileNav{z-index:45;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#120e27f0;border-radius:20px;grid-template-columns:repeat(4,1fr);padding:8px;display:grid;position:fixed;inset:auto 12px 12px;box-shadow:0 18px 50px #00000080}.mobileNav a{color:#ddd7e8;justify-items:center;gap:4px;padding:7px;font-size:1rem;display:grid}.mobileNav span{font-size:.58rem;font-weight:850}.memberHero{padding-bottom:74px}.playerStage{min-height:270px}}@media (max-width:560px){.topbar{min-height:66px}.brandMark{width:39px;height:39px}.brandCopy strong{font-size:.75rem}.publicNav .buttonGhost{display:none}.publicNav{gap:0}.publicNav .button{font-size:.72rem}.landingHero{min-height:760px;padding-top:130px;padding-bottom:65px}.landingHero:before,.memberHero:before{background-image:url(/assets/images/biblia-cantada-hero-mobile.webp);background-position:top}.landingHero:after,.memberHero:after{background:linear-gradient(0deg,var(--bg) 3%,#08061599 52%,#08061533),linear-gradient(90deg,#0806157a,transparent)}h1{font-size:clamp(2.75rem,15vw,4.5rem)}.heroTrust{gap:8px 14px}.benefits,.plans{padding-top:65px;padding-bottom:65px}.benefitCard,.planCard{padding:23px}.authPanel{padding:32px 20px}.mediaRow{grid-auto-columns:44vw}.playerInfo{padding:20px}.modalBackdrop{padding:8px}.playerModal{border-radius:19px}.sectionHeader>span{display:none}}.memberHero:before{background-image:var(--member-hero-image,url(/assets/images/biblia-cantada-hero.webp))}.profilePage{background:radial-gradient(circle at 15% 10%,#7c4dff38,transparent 30rem),var(--bg);place-items:center;min-height:100svh;padding:28px;display:grid}.profileCard{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#ffffff17,#ffffff09);border-radius:26px;width:min(540px,100%);padding:34px;box-shadow:0 24px 80px #00000059}.profileLogo{background:linear-gradient(145deg,var(--gold),var(--orange));color:#171029;border-radius:17px;place-items:center;width:52px;height:52px;margin-bottom:22px;font-size:1.7rem;font-weight:950;display:grid}.profileCard h1{margin:10px 0 12px;font-size:clamp(2.2rem,6vw,3.6rem)}.profileCard>p{color:var(--muted);margin:0 0 26px;line-height:1.5}.profileForm{gap:18px;display:grid}.profileForm label,.profileForm legend{color:#ddd7e8;gap:8px;font-size:.78rem;font-weight:850;display:grid}.profileForm input{border:1px solid var(--line);color:#fff;background:#ffffff0f;border-radius:13px;outline:none;width:100%;padding:14px 15px}.profileForm input:focus{border-color:#ffc52fad}.profileForm label>span,.profileForm fieldset>span{color:#ffb6bc;font-size:.7rem}.profileForm fieldset{border:0;min-width:0;margin:0;padding:0}.avatarChoices{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.avatarChoice{border:1px solid var(--line);cursor:pointer;background:#ffffff0b;border-radius:14px;place-items:center;gap:7px;padding:11px 6px;transition:all .18s;display:grid}.avatarChoice:hover,.avatarChoice.selected{background:#ffc52f1f;border-color:#ffc52fc7;transform:translateY(-2px)}.avatarChoice span{font-size:1.9rem;line-height:1}.avatarChoice small{color:var(--muted);font-size:.58rem;font-weight:800}.profileFormMessage{color:#ffe8a7;background:#ffc52f14;border:1px solid #ffc52f47;border-radius:11px;margin:0;padding:11px 13px;font-size:.78rem}.accountMenu{margin-left:auto;position:relative}.accountMenuButton{background:linear-gradient(145deg,var(--violet),var(--coral));cursor:pointer;border:1px solid #ffc52f59;border-radius:50%;place-items:center;width:44px;height:44px;font-size:1.3rem;display:grid}.accountMenuPanel{z-index:60;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#161030f5;border:1px solid #ffffff24;border-radius:16px;width:220px;padding:8px;position:absolute;top:54px;right:0;box-shadow:0 18px 50px #0006}.accountMenuPanel button,.accountMenuPanel a{color:#eee8f5;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;width:100%;padding:11px 12px;font-size:.78rem;font-weight:800;display:block}.accountMenuPanel button:hover,.accountMenuPanel a:hover{background:#ffffff14}.accountMenuPanel form{border-top:1px solid var(--line);margin-top:2px}.logoutConfirm{z-index:110;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#03020ab8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.logoutConfirmCard{border:1px solid var(--line);background:#100d23;border-radius:20px;width:min(360px,100%);padding:24px;box-shadow:0 25px 70px #000}.logoutConfirmCard h2{margin:0 0 8px;font-size:1.35rem}.logoutConfirmCard p{color:var(--muted);font-size:.82rem;line-height:1.5}.logoutConfirmActions{justify-content:flex-end;gap:9px;margin-top:20px;display:flex}.trialBanner{margin:calc(var(--header) + 18px) clamp(18px,4vw,64px) 0;color:#fff;background:linear-gradient(120deg,#ffc52f21,#7c4dff1f);border:1px solid #ffc52f47;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;display:flex}.trialBanner strong{margin-bottom:4px;display:block}.trialBanner span{color:var(--muted);font-size:.76rem}.trialBanner .button{white-space:nowrap;min-height:40px;padding:9px 13px}.lockedCard .poster{filter:saturate(.55)}.status.locked{color:#ffe8a7}.status.free{color:#baffdb}@media (max-width:560px){.profileCard{border-radius:20px;padding:25px 20px}.avatarChoices{grid-template-columns:repeat(4,1fr)}.avatarChoice span{font-size:1.55rem}.avatarChoice small{font-size:.5rem}.trialBanner{margin-top:calc(var(--header) + 10px);flex-direction:column;align-items:flex-start}.trialBanner .button{width:100%}.accountMenuPanel{right:-6px}.logoutConfirmActions{flex-direction:column-reverse}.logoutConfirmActions .button{width:100%}}.profileCard{width:min(590px,100%)}.profileAvatarPreview{background:linear-gradient(120deg,#ffc52f1a,#7c4dff14);border:1px solid #ffc52f33;border-radius:18px;align-items:center;gap:14px;margin:10px 0 12px;padding:12px;display:flex}.profileAvatarPreview>img{object-fit:cover;border:2px solid #ffffff47;border-radius:22px;flex:none;width:74px;height:74px;box-shadow:0 12px 28px #0000003d}.profileAvatarPreview>span{gap:4px;display:grid}.profileAvatarPreview strong{color:#fff;font-size:.9rem}.profileAvatarPreview small{color:var(--muted);font-size:.66rem}.avatarChoices{gap:10px}.avatarChoice{background:#ffffff0b;border-radius:17px;gap:6px;padding:7px 7px 9px;position:relative;overflow:hidden}.avatarChoice>span{aspect-ratio:1;border-radius:12px;width:100%;line-height:0;display:block;overflow:hidden}.avatarChoice img{object-fit:cover;width:100%;height:100%;transition:transform .22s;display:block}.avatarChoice:hover img{transform:scale(1.045)}.avatarChoice.selected{background:#ffc52f1c;border-color:#ffc52feb;box-shadow:0 0 0 2px #ffc52f21,0 10px 24px #0000002e}.avatarChoice.selected:after{content:"✓";background:var(--gold);color:#171029;border:2px solid #fff;border-radius:50%;place-items:center;width:21px;height:21px;font-size:.65rem;font-weight:1000;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 4px 12px #0000004d}.avatarChoice small{letter-spacing:.01em;font-size:.61rem}.accountMenuButton{background:#110d23d1;border:1px solid #ffc52fa6;padding:2px;transition:transform .18s,border-color .18s;overflow:hidden;box-shadow:0 0 0 3px #ffc52f14,0 8px 22px #00000047}.accountMenuButton:hover{border-color:#ffe07b;transform:translateY(-1px)}.accountMenuButton img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.mobileProfileAvatar{object-fit:cover;border:1px solid #ffc52f73;border-radius:50%;width:24px!important;height:24px!important}.adminTableAvatar{overflow:hidden}.adminTableAvatar img{object-fit:cover;width:100%;height:100%;display:block}@media (max-width:560px){.profileAvatarPreview>img{border-radius:18px;width:62px;height:62px}.profileAvatarPreview strong{font-size:.8rem}.avatarChoices{gap:7px}.avatarChoice{border-radius:13px;padding:5px 5px 7px}.avatarChoice>span{border-radius:9px}.avatarChoice small{font-size:.52rem}.avatarChoice.selected:after{width:18px;height:18px;font-size:.56rem;top:8px;right:8px}}@media (max-width:820px){.authForm input,.profileForm input:not([type=hidden]){font-size:16px}}.landingHero .heroContent{width:min(790px,100%)}.landingHeadline{letter-spacing:-.058em;max-width:790px;font-size:clamp(2.8rem,5.7vw,5.35rem);line-height:.94}.trialJourney{background:linear-gradient(#ffffff05,#7c4dff0e);padding:90px clamp(18px,6vw,92px);position:relative;overflow:hidden}.trialJourney:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffc52f1f,#0000 66%);border-radius:50%;width:34rem;height:34rem;position:absolute;inset:auto -12rem -18rem auto}.trialJourney>.sectionIntro,.trialStepGrid,.trialJourneyAction{z-index:1;position:relative}.trialStepGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1180px;margin:0 auto;display:grid}.trialStep{background:linear-gradient(145deg,#ffffff13,#ffffff06);border:1px solid #ffffff1f;border-radius:24px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:18px;min-height:190px;padding:27px;display:grid;box-shadow:0 18px 55px #0000002e}.trialStepNumber{width:42px;height:42px;color:var(--gold);letter-spacing:.05em;background:#ffc52f1a;border:1px solid #ffc52f4d;border-radius:13px;place-items:center;font-size:.72rem;font-weight:950;display:grid}.trialStepCopy h3{letter-spacing:-.025em;margin:5px 0 10px;font-size:1.18rem}.trialStepCopy p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.65}.trialJourneyAction{text-align:center;justify-items:center;gap:11px;margin-top:30px;display:grid}.trialJourneyAction>span{color:var(--muted);font-size:.72rem;font-weight:700}@media (max-width:820px){.trialStepGrid{grid-template-columns:1fr}.trialStep{min-height:0}.landingHeadline{font-size:clamp(2.8rem,11vw,4.8rem)}}@media (max-width:560px){.landingHeadline{font-size:clamp(2.55rem,12vw,3.75rem);line-height:.96}.trialJourney{padding:65px 18px}.trialStep{border-radius:20px;gap:14px;padding:21px}.trialStepNumber{width:38px;height:38px}.trialJourneyAction .button{width:100%;max-width:340px}}
.fieldError{color:#ff9aaa;font-size:.72rem;font-weight:750}.logoutForm{margin-left:auto}.memberNav+.logoutForm{margin-left:0}.gatePage{background:radial-gradient(circle at 50% 10%, #7c4dff47, transparent 34rem), var(--bg);place-items:center;min-height:100vh;padding:40px 18px;display:grid}.gateCard{text-align:center;border:1px solid var(--line);background:#17122feb;border-radius:28px;width:min(720px,100%);padding:clamp(26px,5vw,52px);box-shadow:0 30px 90px #0006}.gateIcon{background:linear-gradient(145deg, var(--gold), var(--orange), var(--coral));border-radius:22px;place-items:center;width:70px;height:70px;margin:0 auto 20px;font-size:2rem;font-weight:950;display:grid}.gateCard h1{margin:14px 0;font-size:clamp(2.1rem,6vw,4rem)}.gateCard>p{color:var(--muted);line-height:1.6}.gateCard>p strong{color:#fff}.gatePlans{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;margin:26px 0;display:grid}.gatePlans div{border:1px solid var(--line);background:#ffffff0b;border-radius:14px;gap:5px;padding:15px 10px;display:grid}.gatePlans span{color:var(--gold);font-size:.78rem}.gateHint{font-size:.76rem}.textButton{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:10px;text-decoration:underline}.checkoutButtons{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;display:grid}.renewalBackdrop{z-index:200;background:radial-gradient(circle at 50% 18%,#ffb2201f,#0000 30rem),#03020ae6}.renewalModal{text-align:center;background:linear-gradient(145deg,#1c1439fc,#0c091cfc);border:1px solid #ffffff21;border-radius:30px;width:min(680px,100%);padding:clamp(28px,5vw,50px);position:relative;overflow:hidden;box-shadow:0 34px 100px #000000a3,inset 0 1px #ffffff14}.renewalModal:before{content:"";background:linear-gradient(90deg,#0000,#ffc52f,#ff7a22,#0000);height:2px;position:absolute;inset:0 12% auto}.renewalIcon{color:#171029;background:radial-gradient(circle at 30% 20%,#ffffff38,#0000 30%),linear-gradient(145deg,#ffbd2e,#ff7727 58%,#e84d67);border:1px solid #ffc52f59;border-radius:24px;place-items:center;width:76px;height:76px;margin:0 auto 18px;display:grid;transform:rotate(-3deg);box-shadow:0 16px 38px #ff6f2538}.renewalIcon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:40px;height:40px;transform:rotate(3deg)}.renewalStatus{color:#f0c758;letter-spacing:.14em;align-items:center;gap:8px;font-size:.62rem;font-weight:950;display:inline-flex}.renewalStatus i{background:#ff7b39;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #ff7b391c}.renewalModal h2{letter-spacing:-.055em;margin:12px 0 10px;font-size:clamp(2rem,5vw,3.25rem);line-height:1}.renewalModal>p{max-width:540px;color:var(--muted);margin:0 auto;font-size:.86rem;line-height:1.65}.renewalModal>p strong{color:#fff}.renewalPlans{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:28px 0 16px;display:grid}.renewalPlans>a{text-align:left;background:#ffffff0e;border:1px solid #ffffff1f;border-radius:15px;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:15px 14px;transition:transform .18s,border-color .18s,background .18s;display:flex}.renewalPlans>a:hover{background:#ffc52f17;border-color:#ffc52f7a;transform:translateY(-2px)}.renewalPlans>a span{gap:4px;min-width:0;display:grid}.renewalPlans strong{color:#fff;font-size:.75rem}.renewalPlans small{color:#aaa3b8;text-overflow:ellipsis;font-size:.58rem;line-height:1.35;overflow:hidden}.renewalPlans b{color:#ffc52f;font-size:1rem}.renewalModal .renewalHint{color:#8f899e;justify-content:center;align-items:center;gap:7px;font-size:.66rem;display:flex}.renewalHint span{color:#60dda0;background:#36db8b1f;border-radius:50%;place-items:center;width:18px;height:18px;font-size:.62rem;font-weight:950;display:grid}.planPickerBackdrop{z-index:190;background:radial-gradient(circle at 50% 15%,#7c4dff33,#0000 30rem),#03020ae0}.planPickerModal{text-align:center;background:linear-gradient(145deg,#1a1336fc,#0c091cfc);border:1px solid #ffffff21;border-radius:28px;width:min(680px,100%);max-height:92vh;padding:clamp(28px,5vw,48px);position:relative;overflow:auto;box-shadow:0 32px 90px #0000009e}.planPickerIcon{color:#ffd35c;background:linear-gradient(145deg,#ffc52f2e,#7c4dff29);border:1px solid #ffc52f4d;border-radius:21px;place-items:center;width:66px;height:66px;margin:0 auto 18px;display:grid;box-shadow:inset 0 1px #ffffff14}.planPickerIcon svg,.lockedPlanIcon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:34px;height:34px}.planPickerModal h2{letter-spacing:-.05em;margin:11px 0 9px;font-size:clamp(1.85rem,5vw,3rem);line-height:1.02}.planPickerModal>p{max-width:510px;color:var(--muted);margin:0 auto;font-size:.82rem;line-height:1.6}.planPickerOptions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;margin:25px auto 16px;display:grid}.planPickerOptions>a{text-align:left;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:15px;justify-content:space-between;align-items:center;gap:9px;min-width:0;padding:15px 14px;transition:transform .18s,border-color .18s,background .18s;display:flex}.planPickerOptions>a:hover{background:#ffc52f16;border-color:#ffc52f85;transform:translateY(-2px)}.planPickerOptions>a span{gap:4px;min-width:0;display:grid}.planPickerOptions small{color:#d6ad3a;letter-spacing:.09em;font-size:.48rem;font-weight:950}.planPickerOptions strong{color:#fff;font-size:.73rem}.planPickerOptions b{color:#a9a2b7;text-overflow:ellipsis;font-size:.57rem;font-weight:650;line-height:1.35;overflow:hidden}.planPickerOptions i{color:#ffc52f;font-size:1rem;font-style:normal}.planPickerModal .planPickerHint{color:#858091;font-size:.65rem}.lockedPlanPanel{background:radial-gradient(circle at 50% 28%,#7c4dff3d,#0000 45%),#0b0819;min-height:430px;padding:44px 28px}.lockedPlanIcon{color:#ffd15a;background:linear-gradient(145deg,#ffc52f2b,#7c4dff29);border:1px solid #ffc52f4d;border-radius:22px;place-items:center;width:68px;height:68px;margin-bottom:17px;display:grid}.lockedPlanPanel>.kicker{color:#dcb63f;font-size:.59rem}.lockedPlanPanel h3{letter-spacing:-.04em;margin:10px 0 7px;font-size:clamp(1.75rem,4vw,2.4rem)}.lockedPlanPanel>p{margin:0;font-size:.8rem;line-height:1.55}.lockedPlanPanel .planPickerOptions{max-width:650px;margin-bottom:0}@media (max-width:560px){.gatePlans{grid-template-columns:1fr}.gateCard{text-align:left}.gateIcon{margin-left:0}.gateCard .button{text-align:center}.checkoutButtons,.renewalPlans{grid-template-columns:1fr}.renewalModal{border-radius:22px;padding:28px 18px 22px}.renewalIcon{border-radius:20px;width:64px;height:64px}.renewalIcon svg{width:34px;height:34px}.renewalPlans>a{padding:13px 14px}.planPickerModal{border-radius:22px;padding:30px 17px 22px}.planPickerOptions{grid-template-columns:1fr;gap:8px}.planPickerOptions>a{padding:12px 14px}.lockedPlanPanel{padding:40px 16px 26px}.lockedPlanPanel .planPickerOptions{width:100%}}