/* Homepage presentation only. The recharge controller and admin UI are independent. */
html:has(.premium-page){background:#f6f8fc}html[data-theme=dark]:has(.premium-page){background:#0d1321}
.premium-page{--bg:#f6f8fc;--ink:#14223d;--muted:#748099;--paper:rgba(255,255,255,.88);--line:#e6ebf5;--field:#f3f6fc;--nav:#e9eef8;--info:#edf4ff;--info-ink:#637797;isolation:isolate;min-height:100vh;background:var(--bg);overflow-x:clip}
.premium-page:before{position:fixed;inset:-20% -15% auto;width:130%;height:950px;transform:none;left:-15%;background:radial-gradient(ellipse at 28% 34%,#b9d9ff66,transparent 40%),radial-gradient(ellipse at 72% 26%,#d8caff66,transparent 40%),radial-gradient(ellipse at 50% 65%,#c2e8ff24,transparent 50%);filter:blur(45px);z-index:-3;animation:ambient-drift 22s ease-in-out infinite alternate}
.ambient-field{position:fixed;inset:0;pointer-events:none;z-index:-2;background-image:linear-gradient(#4976b509 1px,transparent 1px),linear-gradient(90deg,#4976b509 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 70% 50% at 50% 16%,#0008,transparent);-webkit-mask-image:radial-gradient(ellipse 70% 50% at 50% 16%,#0008,transparent)}
.cursor-aura{position:fixed;left:0;top:0;width:600px;height:600px;margin:-300px 0 0 -300px;border-radius:50%;pointer-events:none;z-index:-1;opacity:0;background:radial-gradient(circle,#7a9fff2e 0%,#83b9ff1a 22%,#a497ff0c 45%,transparent 68%);transform:translate3d(50vw,240px,0);will-change:transform;transition:opacity .6s ease}
.premium-page.has-pointer-aura .cursor-aura{opacity:1}
.site-wordmark{position:absolute;left:36px;top:30px;display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:650;letter-spacing:1.6px;color:#7987a0;z-index:4}
.site-wordmark>img{width:17px;height:17px;filter:invert(42%) sepia(75%) saturate(1231%) hue-rotate(203deg);opacity:.75}.wordmark-divider{padding:0 8px;font-weight:400;opacity:.4}
.premium-page .theme-toggle{right:31px;top:22px;border:1px solid #fff9;width:43px;height:43px;background:#ffffffa6;backdrop-filter:blur(16px);box-shadow:0 4px 15px #4c6b9d07;transition:transform .3s,background .3s,border-color .3s}
.premium-page .theme-toggle:hover{transform:rotate(12deg);background:#fff;border-color:#cdddf7}
.premium-page .hero{padding:91px 24px 0;position:relative;z-index:1}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid #b8cced6b;background:#ffffff80;backdrop-filter:blur(12px);padding:6px 13px;border-radius:99px;color:#647fa8;font-size:11px;font-weight:500;letter-spacing:1px;animation:rise-in .8s both}
.hero-eyebrow>span{height:5px;width:5px;border-radius:50%;background:#578aff;box-shadow:0 0 0 4px #729bff13}
.premium-page .hero h1{margin-top:20px;font-size:70px;letter-spacing:-2.9px;line-height:1.18;font-weight:720;display:flex;justify-content:center;align-items:baseline;gap:17px;animation:rise-in .9s .05s both}
.premium-page .gradient-title{display:inline-block;background:linear-gradient(110deg,#3c8eff 0%,#5668ee 20%,#9873ee 37%,#55b5e5 54%,#347fe8 74%,#5668ee 100%);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 10px 20px #6987ff22);animation:title-spectrum 11s ease-in-out infinite,brand-float 7s ease-in-out infinite}
.hero-title-tail{display:inline-block;background:linear-gradient(110deg,#14223d 20%,#14223d 42%,#5877ac 50%,#14223d 58%,#14223d 80%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:ink-light 12s 1s ease-in-out infinite}
.hero-description{margin-top:16px;font-size:15px;letter-spacing:3.5px;font-weight:400;color:#8492a9;animation:rise-in 1s .12s both}
.premium-page .features{gap:9px;margin-top:26px;animation:rise-in 1s .18s both}
.premium-page .features>span{border:1px solid #fff9;background:#ffffff73;box-shadow:0 3px 12px #6082ba04;backdrop-filter:blur(14px);font-size:11px;font-weight:500;letter-spacing:.2px;padding:8px 13px;gap:7px;color:#6c7f9e;transition:transform .25s,border-color .25s,background .25s,box-shadow .25s}
.premium-page .features>span:hover{transform:translateY(-3px);background:#fff;border-color:#cbdcfa;box-shadow:0 8px 22px #668cff10}
.premium-page .features img{width:14px;height:14px;opacity:.8}
.premium-page .recharge-wrap{max-width:780px;margin-top:34px;z-index:1;animation:rise-in 1s .24s both}
.premium-page .mode-note{margin:0 auto 17px;font-size:10px;letter-spacing:.25px;color:#8692a8;line-height:1.7}
.premium-page .tabs{max-width:354px;margin-bottom:23px;border:1px solid #c7d5ee5c;background:#e9eef89c;padding:4px;box-shadow:inset 0 1px 2px #fff9;backdrop-filter:blur(15px)}
.premium-page .tabs button{padding:9px 16px;font-size:12px;line-height:18px;color:#8491a6;transition:color .25s,background .25s,box-shadow .25s}
.premium-page .tabs button[aria-selected=true]{background:#ffffffed;color:#385886;box-shadow:0 3px 9px #5473a01a,0 0 0 1px #fff8}
.premium-page .tabs button:hover{color:#345b96}
.premium-page .recharge-panel{position:relative;border:1px solid #fff;background:radial-gradient(600px circle at var(--panel-x,50%) var(--panel-y,0%),#e8f0ff40,transparent 65%),var(--paper);border-radius:30px;padding:39px 45px 38px;box-shadow:0 2px 3px #fff inset,0 0 0 1px #bbcce71c,0 12px 22px -15px #6283b31a,0 32px 75px -28px #4d6d9b29;backdrop-filter:blur(24px);transition:box-shadow .4s,border-color .4s}
.premium-page .recharge-panel:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:radial-gradient(400px circle at var(--panel-x,50%) var(--panel-y,0%),#89b3ffb3,transparent 70%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;pointer-events:none;opacity:0;transition:opacity .4s}
.premium-page .recharge-panel.is-illuminated:before{opacity:1}
.premium-page .steps{margin:-1px 3px 33px}.premium-page .steps li{font-size:10px;gap:8px;color:#a1acbd;font-weight:400}.premium-page .steps b{width:29px;height:29px;font-size:11px;background:#f0f3f9;color:#a1aec2;border:1px solid #e8edf5;box-shadow:0 1px 2px #fff inset;transition:background .4s,color .4s,box-shadow .4s}
.premium-page .steps li.active{color:#4f6a94}.premium-page .steps li.active b{border-color:#5f97fb;background:linear-gradient(135deg,#6ba5ff,#4e7dea);color:#fff;box-shadow:0 0 0 5px #719bff0a,0 5px 12px #5d87e52e}.premium-page .steps li.complete b{background:#ecf3ff;border-color:#dce8ff;color:#6b8dbe}.premium-page .steps li:not(:last-child):after{top:14px;height:1px;background:#e7edf6;left:calc(50% + 27px);width:calc(100% - 54px)}
.premium-page h2{font-size:24px;font-weight:640;letter-spacing:-.7px;color:var(--ink)}
.premium-page .intro{font-size:12px;line-height:1.9;margin-top:9px;letter-spacing:.15px}
.premium-page .step-tag{font-size:10px;padding:4px 10px;color:#7b98c7;background:#f1f5fc;border:1px solid #e8eef8;font-weight:500}
.premium-page .stack{margin-top:25px;gap:12px}.premium-page .stack>label{font-size:12px;color:#5d7292;font-weight:500;letter-spacing:.3px}
.premium-page input,.premium-page textarea,.premium-page select{border:1px solid #e8eef7;background:#f4f7fc;box-shadow:inset 0 2px 4px #4065a003;min-height:55px;border-radius:13px;padding:14px 17px;font-size:14px;transition:border-color .25s,box-shadow .25s,background .25s}
.premium-page input::placeholder,.premium-page textarea::placeholder{color:#a6b2c5;font-weight:400;font-size:13px;letter-spacing:.3px}
.premium-page input:focus,.premium-page textarea:focus{border-color:#9ebdf5;background:#fbfdff;box-shadow:0 0 0 4px #96b8ff12,0 2px 8px #73a2ed09}
.premium-page .info{font-size:11px;line-height:1.9;border:1px solid #e7effb;border-radius:13px;padding:13px 15px;background:#eef5ff80;gap:10px;margin-top:5px;color:#7a8fae}.premium-page .info img{width:14px;height:14px;opacity:.65}
.premium-page .primary{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(110deg,#6a9afa,#4c7de5 56%,#627ce6);color:#fff;border:1px solid #5f8eeb;font-size:14px;font-weight:550;letter-spacing:1px;border-radius:14px;min-height:53px;box-shadow:inset 0 1px 0 #ffffff38,0 6px 14px #5c85e82b,0 12px 25px -16px #4674d0a6;transition:transform .25s,box-shadow .25s,filter .25s}
.premium-page .primary:after{content:"";position:absolute;inset:-80% auto -80% -80%;width:38%;transform:skewX(-24deg);background:linear-gradient(90deg,transparent,#fff3,transparent);pointer-events:none;transition:left .65s ease}
.premium-page .primary:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.025);box-shadow:inset 0 1px 0 #ffffff48,0 8px 20px #5c85e83b,0 15px 35px -20px #4674d0cc}
.premium-page .primary:hover:after{left:150%}.premium-page .primary:active:not(:disabled){transform:translateY(0)}
.premium-page .stack>.primary{margin-top:8px}.premium-page .secondary{border:1px solid #e1e9f6;background:#edf2f9;color:#7188ab;border-radius:13px;font-size:13px}
.premium-page .step-panel:not([hidden]),.premium-page #query-view:not([hidden]),.premium-page #help-view:not([hidden]){animation:content-in .35s ease-out both}
.premium-page footer{margin:29px 0 35px;font-size:10px;letter-spacing:.5px;color:#a1acbd}
.premium-page .summary,.premium-page .plan-preview{background:#f3f6fc;border:1px solid #e7edf7}.premium-page .plan-preview>strong{color:#5879ab}.premium-page .check-label input{width:16px;height:16px;min-height:0;border:0;box-shadow:none;padding:0}.premium-page .check-label{color:#8594ab}
.premium-page .error-message{font-size:12px}.premium-page .link-button{color:#6287c2}.premium-page .tutorial-video video{box-shadow:0 8px 25px #304d7610}
:root[data-theme=dark] .premium-page{--bg:#0d1321;--paper:rgba(22,32,51,.9);--ink:#dfe8f8;--muted:#8494ad;--field:#162137;--nav:#1c2941;--info:#1c2e4a;--info-ink:#8da5ca}
[data-theme=dark] .premium-page:before{opacity:.6;background:radial-gradient(ellipse at 25% 25%,#1f467e66,transparent 43%),radial-gradient(ellipse at 77% 30%,#4d397566,transparent 42%)}
[data-theme=dark] .ambient-field{background-image:linear-gradient(#8ca9db0a 1px,transparent 1px),linear-gradient(90deg,#8ca9db0a 1px,transparent 1px)}
[data-theme=dark] .hero-eyebrow{background:#172339aa;border-color:#5e7aa82e;color:#93a7c8}[data-theme=dark] .hero-title-tail{background-image:linear-gradient(110deg,#dce7f7 20%,#dce7f7 42%,#8ab5ff 50%,#dce7f7 58%,#dce7f7 80%)}
[data-theme=dark] .premium-page .features>span{background:#18243b80;border-color:#9eb8e314;color:#91a6c7}[data-theme=dark] .premium-page .features>span:hover{background:#1c2b45;border-color:#7599d24d}
[data-theme=dark] .premium-page .theme-toggle{background:#1c29428f;border-color:#a5bfec1a}[data-theme=dark] .premium-page .tabs{background:#1c294180;border-color:#a1bce818;box-shadow:inset 0 1px 0 #9cb3d60a}[data-theme=dark] .premium-page .tabs button[aria-selected=true]{background:#293c5b;color:#d2e1fa;box-shadow:0 2px 8px #0003,inset 0 1px 0 #b1c7ed18}
[data-theme=dark] .premium-page .recharge-panel{background:radial-gradient(600px circle at var(--panel-x,50%) var(--panel-y,0%),#30508330,transparent 65%),var(--paper);border-color:#a6c3f018;box-shadow:0 1px 0 #b4cdf510 inset,0 0 0 1px #070e1c88,0 30px 80px -28px #0007}
[data-theme=dark] .premium-page .steps b{background:#1c2a42;border-color:#8fadd51c;box-shadow:none;color:#7185a5}[data-theme=dark] .premium-page .steps li.active b{background:linear-gradient(135deg,#77a6ff,#547ee1);color:white;border-color:#8bb5ff55}[data-theme=dark] .premium-page .steps li:not(:last-child):after{background:#a5bde51c}[data-theme=dark] .premium-page .steps li.active{color:#9bb5e0}
[data-theme=dark] .premium-page .step-tag{background:#25385666;border-color:#7d9fdb1c;color:#7b9dce}[data-theme=dark] .premium-page input,[data-theme=dark] .premium-page textarea{background:#101c31;border-color:#8eaad81a;color:#cbdaf2}[data-theme=dark] .premium-page input::placeholder{color:#5d7294}[data-theme=dark] .premium-page input:focus,[data-theme=dark] .premium-page textarea:focus{background:#142139;border-color:#6c94d075}
[data-theme=dark] .premium-page .info{background:#233b5c55;border-color:#7ea2da12;color:#7e96b8}[data-theme=dark] .premium-page .summary,[data-theme=dark] .premium-page .plan-preview{background:#101d32;border-color:#7c9dce1a}[data-theme=dark] .premium-page .secondary{background:#1b2b44;border-color:#819fce22;color:#9bb2d7}
@keyframes rise-in{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@keyframes content-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes title-spectrum{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes brand-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes ink-light{0%,22%{background-position:100% 50%}65%,100%{background-position:0% 50%}}
@keyframes ambient-drift{from{transform:translate3d(-1%,-1%,0) scale(1)}to{transform:translate3d(1%,2%,0) scale(1.04)}}
@media(min-width:1500px){.premium-page .hero{padding-top:108px}.premium-page .recharge-wrap{margin-top:37px}}
@media(max-width:760px){.premium-page .hero h1{font-size:48px;gap:12px;letter-spacing:-1.9px}.premium-page .hero{padding-top:96px}.premium-page .recharge-wrap{margin-top:30px}.premium-page .recharge-panel{padding:34px 32px}.hero-description{font-size:13px;letter-spacing:2.5px}.site-wordmark{left:24px;top:28px;font-size:10px}}
@media(max-width:480px){.site-wordmark{left:21px;top:25px;font-size:9px;letter-spacing:1.2px;gap:7px}.site-wordmark>img{width:14px;height:14px}.wordmark-divider{padding:0 6px}.premium-page .theme-toggle{right:19px;top:18px;width:36px;height:36px}.premium-page .hero{padding:87px 16px 0}.hero-eyebrow{font-size:9px;padding:5px 11px;letter-spacing:.8px}.premium-page .hero h1{font-size:34px;gap:9px;letter-spacing:-1.4px;margin-top:18px;white-space:nowrap}.hero-description{font-size:11px;letter-spacing:2px;margin-top:13px}.premium-page .features{margin-top:23px;gap:7px;max-width:290px!important}.premium-page .features>span{font-size:10px;min-width:126px;padding:7px 9px;gap:7px}.premium-page .features img{height:12px;width:12px}.premium-page .recharge-wrap{margin-top:25px;padding:0 18px}.premium-page .mode-note{font-size:9px;letter-spacing:0;margin-bottom:15px}.premium-page .tabs{padding:3px;margin-bottom:20px;max-width:310px}.premium-page .tabs button{font-size:11px;padding:8px 12px}.premium-page .recharge-panel{padding:28px 23px 27px;border-radius:24px}.premium-page .steps{margin:-1px -5px 29px}.premium-page .steps li{font-size:9px;gap:7px}.premium-page .steps b{height:25px;width:25px;font-size:10px}.premium-page .steps li:not(:last-child):after{top:12px;left:calc(50% + 21px);width:calc(100% - 42px)}.premium-page h2{font-size:21px}.premium-page .intro{font-size:11px;margin-top:9px;line-height:1.9}.premium-page .step-tag{font-size:9px;padding:4px 8px}.premium-page .stack{margin-top:24px;gap:11px}.premium-page .stack>label{font-size:11px}.premium-page input,.premium-page textarea{font-size:16px;min-height:52px;padding:13px 15px}.premium-page input::placeholder{font-size:12px}.premium-page .info{font-size:10px;line-height:1.9;padding:12px;gap:8px;margin-top:6px}.premium-page .info img{width:12px;height:12px}.premium-page .primary{font-size:13px;min-height:50px;border-radius:13px;letter-spacing:.7px}.premium-page footer{font-size:9px;letter-spacing:.2px;margin-top:27px}.premium-page:before{height:850px}.cursor-aura{display:none}}
@media(max-width:360px){.premium-page .hero h1{font-size:29px;letter-spacing:-1.3px;gap:8px}.premium-page .recharge-wrap{padding:0 13px}.premium-page .recharge-panel{padding:27px 20px}}
@media(hover:none),(pointer:coarse){.cursor-aura{display:none}.premium-page .primary:hover:not(:disabled),.premium-page .features>span:hover{transform:none}.premium-page .recharge-panel:before{display:none}}
@media(prefers-reduced-motion:reduce){.premium-page *,.premium-page:before,.premium-page *:before,.premium-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.cursor-aura{display:none}.premium-page .gradient-title{background-position:30% 50%}.premium-page .recharge-panel:before{display:none}}
.premium-page{--muted:#687891}.premium-page .mode-note{color:#71809a}.site-wordmark{color:#6b7b94}.premium-page .info{color:#627895}.premium-page .primary{background:linear-gradient(110deg,#4275dd,#3f65cf 56%,#5a65d7)}.premium-page footer{color:#748198}
.cursor-aura{z-index:2;mix-blend-mode:multiply}[data-theme=dark] .cursor-aura{mix-blend-mode:screen}
[data-theme=dark] .premium-page{--muted:#94a5bf}[data-theme=dark] .premium-page .stack>label{color:#9caecc}[data-theme=dark] .premium-page input::placeholder{color:#8499b9}[data-theme=dark] .premium-page .mode-note{color:#8c9fbc}[data-theme=dark] .premium-page .info{color:#9cb0ce}[data-theme=dark] .premium-page footer{color:#7e92af}
@media(max-width:480px){.premium-page .mode-note{font-size:10px}.premium-page .info{font-size:11px}.premium-page .intro{font-size:12px}.premium-page .stack>label{font-size:12px}}
@media(max-width:480px){.premium-page .hero{padding-top:79px}.premium-page .features{margin-top:18px}.premium-page .recharge-wrap{margin-top:22px}.premium-page .recharge-panel{padding-top:26px;padding-bottom:25px}.premium-page .steps{margin-bottom:25px}}