:root{--member-bg:#0b0814;--member-panel:#171126;--member-panel-2:#211833;--member-lime:#dcff62;--member-purple:#8a63ff;--member-muted:#aaa4bb;--member-line:rgba(255,255,255,.11);--member-shadow:0 30px 90px rgba(0,0,0,.38)}
.auth-page,.payment-page,.account-page{background:radial-gradient(circle at 75% -10%,rgba(111,61,220,.24),transparent 34%),radial-gradient(circle at 5% 90%,rgba(255,101,172,.08),transparent 25%),var(--member-bg);color:#fbf9ff}

/* Account entry */
.auth-page{display:block;padding:46px 0}.auth-page main{width:min(1040px,calc(100% - 28px));display:grid;grid-template-columns:.9fr 1.1fr;column-gap:70px;align-items:center}.auth-page .brand{grid-column:1/-1;justify-content:flex-start;margin-bottom:38px}.journey-intro{grid-column:1;grid-row:2;align-self:start;padding-top:70px}.journey-intro>span,.checkout-kicker{color:var(--member-lime);font-size:10px;font-weight:800}.journey-intro h2{font-size:clamp(35px,5vw,60px);line-height:1.25;margin:12px 0}.journey-intro p{max-width:430px;font-size:12px;line-height:2}.auth-page .ui-steps{grid-column:2;grid-row:2;margin:0 0 18px;align-self:start}.auth-page section{grid-column:2;grid-row:2;margin-top:54px;padding:34px;border-radius:28px;background:linear-gradient(145deg,rgba(32,23,54,.98),rgba(18,14,33,.98));box-shadow:var(--member-shadow)}.auth-page section h1{font-size:29px}.auth-page section>p{font-size:11px;line-height:1.8}.auth-page input{min-height:50px;border-radius:13px;font-size:12px}.auth-page form>button[type="submit"]{min-height:51px;font-size:11px}.auth-page .tabs{padding:5px;border:1px solid var(--member-line)}.auth-page .tabs button{min-height:39px;font-size:10px}.auth-page .demo-box{border:1px solid var(--member-line);border-radius:14px;padding:0;margin-top:20px}.auth-page .demo-box summary{cursor:pointer;padding:15px;color:#d4cfe2;font-size:10px;font-weight:700}.auth-page .demo-box>span,.auth-page .demo-box>label,.auth-page .demo-box>.demo{margin-inline:14px;width:calc(100% - 28px)}.auth-page .demo-box>.demo{margin-bottom:14px}.auth-page .auth-help{grid-column:2;text-align:center}

/* Subscriber dashboard */
.account-page{grid-template-columns:255px 1fr}.account-page aside{padding:30px 20px;background:rgba(16,11,34,.9);backdrop-filter:blur(18px)}.account-page aside .brand{margin-bottom:22px}.nav-label{margin:0 12px 12px;color:#777086;font-size:8px}.account-page nav{gap:6px}.account-page nav button{min-height:46px;padding-inline:16px;border:1px solid transparent}.account-page nav button:hover{color:white;background:rgba(255,255,255,.035)}.account-page nav button.active{background:linear-gradient(90deg,rgba(138,99,255,.2),rgba(138,99,255,.06));border-color:rgba(138,99,255,.2);color:white}.account-page main{max-width:1280px;padding-inline:48px}.account-page header{height:125px;border-bottom:1px solid var(--member-line);margin-bottom:28px}.account-head-actions{display:flex;align-items:center;gap:8px}.account-head-actions a{padding:11px 16px;border-radius:11px;background:var(--member-lime);color:#171126;text-decoration:none;font-size:9px;font-weight:800}.account-page .cards{grid-template-columns:repeat(4,1fr);gap:16px}.account-page .card{border-radius:22px;padding:24px;background:linear-gradient(145deg,rgba(29,22,48,.96),rgba(20,15,36,.96));box-shadow:0 18px 50px rgba(0,0,0,.14)}.account-page .hero-card{grid-column:span 3;min-height:220px;padding:32px;background:radial-gradient(circle at 90% 0,rgba(220,255,98,.12),transparent 30%),linear-gradient(125deg,#35206d,#17112d)}.account-page .hero-card h2{font-size:32px}.account-page .hero-card p{max-width:620px}.account-page .packs{gap:16px}.account-page .pack{border-radius:20px;transition:.2s}.account-page .pack:hover{transform:translateY(-3px);border-color:rgba(220,255,98,.24)}.account-page .empty{border-radius:24px;background:rgba(23,17,38,.72)}

/* Checkout */
.payment-page header{background:rgba(11,8,20,.78);backdrop-filter:blur(18px)}.secure-label{display:flex;align-items:center;gap:7px}.secure-label i{width:7px;height:7px;border-radius:50%;background:#63e891;box-shadow:0 0 12px #63e891}.payment-page .checkout-progress{margin-top:34px}.payment-page main{margin-top:38px;gap:18px;align-items:start}.payment-page .summary,.payment-page .checkout{border-radius:28px;box-shadow:var(--member-shadow)}.payment-page .summary{position:sticky;top:24px;padding:36px;background:radial-gradient(circle at 100% 0,rgba(220,255,98,.12),transparent 30%),linear-gradient(145deg,#35206d,#15102b)}.payment-page .summary h1{font-size:29px}.payment-page .price{display:flex;align-items:baseline;gap:5px;margin:12px 0}.payment-page .price b{font-size:64px}.payment-page .summary li{font-size:11px}.payment-trust{display:grid;gap:4px;padding:14px;border-radius:13px;background:rgba(220,255,98,.08);margin:12px 0}.payment-trust b{font-size:10px;color:var(--member-lime)}.payment-trust span{font-size:9px;color:#d1cbde}.payment-page .checkout{min-height:480px;padding:36px;background:linear-gradient(145deg,rgba(27,20,46,.98),rgba(18,14,33,.98))}.payment-page .checkout h2{font-size:25px;margin:8px 0}.payment-page .not-ready{border:1px solid var(--member-line);padding:20px}.payment-page .success b{display:grid;place-items:center;width:74px;height:74px;margin:auto;border-radius:50%;background:var(--member-lime);color:#171126}.payment-page .success a{min-height:48px;display:grid;place-items:center}

@media(max-width:900px){.auth-page main{grid-template-columns:1fr;max-width:520px}.auth-page .brand,.journey-intro,.auth-page .ui-steps,.auth-page section,.auth-page .auth-help{grid-column:1;grid-row:auto}.journey-intro{padding-top:0;text-align:center}.journey-intro h2{font-size:37px}.journey-intro p{margin-inline:auto}.auth-page .ui-steps{margin-top:25px}.auth-page section{margin-top:0}.account-page .cards{grid-template-columns:repeat(2,1fr)}.account-page .hero-card{grid-column:span 2}.payment-page .summary{position:static}}
@media(max-width:800px){.account-page main{padding-inline:16px}.account-page header{height:96px}.account-head-actions a{display:none}.account-page .cards{grid-template-columns:1fr}.account-page .hero-card{grid-column:auto}.account-page nav button{min-height:auto}.nav-label{display:none}}
@media(max-width:560px){.auth-page{padding-top:24px}.auth-page .brand{margin-bottom:22px}.journey-intro h2{font-size:31px}.auth-page section{padding:24px 20px}.auth-page .ui-steps{margin-bottom:14px}.payment-page header>span{font-size:7px}.payment-page main{margin-top:20px}.payment-page .summary,.payment-page .checkout{padding:24px}.payment-page .price b{font-size:52px}}
.command-center .metric b{font-size:16px;line-height:1.5}.resume-card{grid-column:span 2;background:radial-gradient(circle at 100% 0,rgba(220,255,98,.1),transparent 35%),var(--member-panel)!important}.resume-card h3,.command-card h3{font-size:17px;margin:12px 0 5px}.resume-card p,.command-card p{color:var(--member-muted);font-size:9px;line-height:1.8}.command-card a{display:inline-block;color:var(--member-lime);font-size:9px;margin-top:11px}.subscription-status.active{color:var(--member-lime)}.subscription-status.inactive{color:#ffb36b}@media(max-width:900px){.resume-card{grid-column:span 2}}@media(max-width:800px){.resume-card{grid-column:auto}}