:root{color-scheme:dark;--bg:#090812;--panel:#151222;--panel2:#1d1830;--muted:#9b94b0;--accent:#9b7cff;--accent-2:#6546d7;--line:#ffffff12;--text:#f7f4ff}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -12%,#33215c80,transparent 43%),var(--bg);color:var(--text);font:15px/1.45 Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}.ambient{position:fixed;z-index:-1;width:260px;height:260px;border-radius:50%;filter:blur(90px);opacity:.14;pointer-events:none}.ambient-a{background:#8958ff;top:20%;left:-190px}.ambient-b{background:#5634c8;right:-190px;top:55%}.app{max-width:570px;min-height:100dvh;margin:auto;padding:calc(18px + env(safe-area-inset-top)) 18px calc(92px + env(safe-area-inset-bottom))}.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.brand{display:flex;align-items:center;gap:11px;padding:0;border:0;background:none;color:inherit;text-align:left}.brand b{display:block;font-size:14px;letter-spacing:.03em}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.16em;margin-top:2px}.logo{display:grid;place-items:center;width:41px;height:41px;border-radius:14px;background:linear-gradient(145deg,#b69bff,var(--accent-2));box-shadow:0 8px 25px #8b62ff38;font-size:23px;font-weight:900}.online{font-size:9px;color:#a7e8c9;letter-spacing:.13em}.online i{display:inline-block;width:6px;height:6px;background:#66dfa4;border-radius:50%;margin:0 5px 1px 0;box-shadow:0 0 10px #66dfa4}.screen-wrap{position:relative;min-height:650px;overflow:hidden}.screen{display:none;opacity:0;transform:translateX(18px)}.screen.active{display:block;animation:screenIn .28s cubic-bezier(.2,.75,.25,1) forwards}.screen.leave-left,.screen.leave-right{display:block;position:absolute;inset:0;pointer-events:none;animation:screenOut .22s ease forwards}.screen.leave-left{--exit:-20px}.screen.leave-right{--exit:20px}.screen.enter-left{--enter:-18px}.screen.enter-right{--enter:18px}@keyframes screenIn{from{opacity:0;transform:translateX(var(--enter,18px)) scale(.99);filter:blur(3px)}to{opacity:1;transform:translateX(0) scale(1);filter:blur(0)}}@keyframes screenOut{to{opacity:0;transform:translateX(var(--exit,-20px)) scale(.99);filter:blur(2px)}}button{font:inherit;cursor:pointer}button:disabled{opacity:.55;cursor:wait}.hero{position:relative;isolation:isolate;overflow:hidden;min-height:285px;border:1px solid #bda8ff24;border-radius:25px;background:linear-gradient(125deg,#282044,#171327 62%,#21183c);margin-bottom:24px;box-shadow:0 18px 45px #0003}.banner{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;opacity:.27}.hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#171327f2 0%,#171327bd 60%,#17132720)}.hero-content{position:relative;max-width:360px;padding:25px 23px}.eyebrow{display:block;color:#b9a8f2;font-size:9px;letter-spacing:.17em;font-weight:750}.hero h1{font-size:clamp(35px,9vw,45px);line-height:1.02;letter-spacing:-.045em;margin:15px 0 10px}.hero h1 em{font-style:normal;color:#b9a3ff}.hero p,.page-lead{font-size:12px;line-height:1.65;color:#c1b9d2;max-width:280px;margin:0 0 19px}.orb{position:absolute;z-index:-1;width:190px;height:190px;right:-55px;bottom:-85px;border:1px solid #c5adff35;border-radius:50%;box-shadow:0 0 0 24px #c5adff09,0 0 0 50px #c5adff06}.primary,.secondary{border:0;border-radius:13px;padding:13px 16px;font-weight:750;font-size:12px;transition:transform .18s,filter .18s,box-shadow .18s}.primary{background:linear-gradient(110deg,var(--accent),var(--accent-2));color:white;box-shadow:0 8px 22px #805be43b}.primary span{margin-left:17px}.primary:active,.secondary:active,.buy-button:active,.quick-card:active{transform:scale(.97)}.full{width:100%;margin-top:13px}.secondary{background:#ffffff0d;border:1px solid #ffffff19;color:#e8e0ff}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:22px 2px 12px}.section-heading h2,.page-head h1{font-size:21px;letter-spacing:-.035em;margin:3px 0 0}.status-pill{font-size:9px;letter-spacing:.12em;padding:6px 9px;border-radius:20px;color:#d6c7ff;background:#9b7cff20;border:1px solid #9b7cff30}.status-pill.good{color:#a4ebc5;background:#55d69b16;border-color:#55d69b35}.card{background:linear-gradient(145deg,#1a1728,#13111e);border:1px solid var(--line);border-radius:19px;box-shadow:0 12px 35px #0002}.subscription{padding:17px}.sub-top{display:flex;gap:12px;align-items:center}.sub-icon,.quick-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#a184ff1c;color:#c5b3ff;font-size:20px}.sub-top h3{font-size:15px;margin:0 0 3px}.sub-top p{font-size:11px;color:var(--muted);margin:0}.usage{margin-top:18px}.usage-label{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.usage-label b{color:#eee8ff}.track{height:6px;border-radius:10px;background:#ffffff12;margin-top:9px;overflow:hidden}.track i{display:block;width:5%;height:100%;border-radius:10px;background:linear-gradient(90deg,var(--accent),#d2baff);transition:width .5s}.section-heading:not(:first-child){margin-top:25px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-card{position:relative;text-align:left;padding:14px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#1b172b,#13111e);color:inherit;min-height:116px;transition:transform .18s,border-color .18s}.quick-card:hover{border-color:#a98aff66}.quick-icon{width:33px;height:33px;margin-bottom:10px}.quick-card b,.quick-card small{display:block}.quick-card b{font-size:12px}.quick-card small{font-size:10px;color:var(--muted);margin-top:3px}.arrow{position:absolute;right:14px;top:15px;color:#a995e9}.page-head{display:flex;align-items:center;gap:13px;margin:10px 0 14px}.back{width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:#ffffff09;color:#fff;font-size:19px}.page-head h1{font-size:29px}.page-lead{max-width:420px;margin:0 0 18px}.plans{display:grid;gap:11px}.plan-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-radius:17px;border:1px solid var(--line);background:linear-gradient(140deg,#1c182b,#14111f);animation:cardIn .35s both}.plan-card:nth-child(2){animation-delay:.04s}.plan-card:nth-child(3){animation-delay:.08s}.plan-card:nth-child(4){animation-delay:.12s}@keyframes cardIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.plan-info h3{font-size:14px;margin:0 0 4px}.plan-info p{font-size:10px;color:var(--muted);margin:0 0 9px}.plan-info strong{font-size:21px;letter-spacing:-.04em}.buy-button{border:1px solid #a98aff4a;border-radius:11px;background:#9877ff20;color:#e8ddff;font-size:11px;font-weight:750;padding:10px 13px;white-space:nowrap}.fineprint{font-size:10px;line-height:1.6;color:#817990;margin:15px 4px}.profile-card{text-align:center;padding:24px;margin-bottom:12px}.avatar{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 13px;border-radius:20px;background:linear-gradient(145deg,#b69bff,var(--accent-2));font-size:30px;font-weight:900}.profile-card h2{font-size:19px;margin:7px 0 3px}.profile-card p{font-size:11px;color:var(--muted);margin:0}.detail-card{padding:4px 16px;margin-bottom:15px}.detail-row{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--line);font-size:11px}.detail-row:last-child{border:0}.detail-row span{color:var(--muted)}.detail-row b{text-align:right}.guide{padding:22px}.guide-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:#a184ff1c;color:#c7b4ff;font-size:28px}.guide h2{font-size:20px;margin:17px 0 7px}.guide>p{font-size:12px;line-height:1.65;color:#b4acc4}.guide ol{padding-left:19px;margin:21px 0}.guide li{padding:0 0 14px 4px;font-size:12px}.guide li::marker{color:#b69cff;font-weight:800}.guide li b,.guide li span{display:block}.guide li span{font-size:10px;color:var(--muted);margin-top:3px}.text-link{display:block;text-align:center;margin-top:15px;color:#c7b4ff;text-decoration:none;font-size:11px}.link-button{display:block;text-align:center;text-decoration:none}.bottom-nav{position:fixed;z-index:5;bottom:calc(9px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(535px,calc(100% - 28px));display:grid;grid-template-columns:repeat(4,1fr);padding:8px 7px;border:1px solid #ffffff17;border-radius:19px;background:#171322eF;backdrop-filter:blur(20px);box-shadow:0 12px 40px #0008}.nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px;border:0;background:none;color:#827b93}.nav-item span{font-size:18px;line-height:1.2}.nav-item small{font-size:9px}.nav-item.selected{color:#c7b4ff}.nav-item.selected span{filter:drop-shadow(0 0 7px #a88aff)}footer{text-align:center;color:#625b70;font-size:8px;letter-spacing:.17em;padding:25px 0 0}footer span{color:var(--accent)}#toast{position:fixed;z-index:10;bottom:calc(88px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%,10px);width:max-content;max-width:calc(100% - 38px);padding:12px 16px;border:1px solid #ffffff20;border-radius:13px;background:#29223a;color:#f4edff;text-align:center;font-size:11px;opacity:0;pointer-events:none;transition:.22s;box-shadow:0 8px 25px #0005}#toast.show{opacity:1;transform:translate(-50%,0)}.skeleton{height:90px;border-radius:17px;background:linear-gradient(90deg,#191526,#262039,#191526);background-size:200% 100%;animation:shimmer 1.3s infinite}@keyframes shimmer{to{background-position:-200% 0}}@media(min-width:520px){.plans{grid-template-columns:1fr 1fr}.screen-wrap{min-height:690px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}