:root{color-scheme:dark;--fg:#f3f5ff;--muted:#a0aecb;--glass:rgba(255,255,255,.085);--border:rgba(255,255,255,.16);--purple:#a8a3ff;--cyan:#83e6fb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 85% 55% at 8% -20%,#343a76 0%,transparent 80%),radial-gradient(ellipse 60% 40% at 100% 60%,#123a55 0%,transparent 90%),#080f21;color:var(--fg);font:15px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #b2acff;outline-offset:3px}.ambient{position:fixed;pointer-events:none;z-index:-1;filter:blur(95px);border-radius:50%;opacity:.6}.ambient.a{width:450px;height:450px;left:-160px;top:140px;background:#37377c}.ambient.b{width:460px;height:460px;right:-170px;top:520px;background:#126b86}.noise{position:fixed;inset:0;pointer-events:none;z-index:4;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.shell{width:min(1080px,calc(100% - 48px));margin:0 auto}.glass{background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.045) 60%);border:1px solid var(--border);box-shadow:0 18px 50px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.12);backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%)}.topbar{height:106px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:20px;letter-spacing:.06em;line-height:1.1}.brand b{font-weight:400}.brand small{display:block;font-size:9px;letter-spacing:.25em;color:var(--muted);margin-top:5px}.logo{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(140deg,#c2c1ff,#667ee4);box-shadow:0 8px 30px #777aff55;color:#131e46;font-size:26px}.header-right{display:flex;gap:12px;align-items:center}.online{font-size:12px;color:#b6c2d8}.online i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#69e8c2;box-shadow:0 0 15px #69e8c2;margin-right:9px}.icon-btn{width:39px;height:39px;border:1px solid var(--border);border-radius:13px;background:var(--glass);color:var(--fg);font-size:22px}.welcome{padding:55px 0 38px;display:flex;justify-content:space-between;align-items:end}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.22em;color:#abb8f2}.welcome h1,.login h1{font-size:clamp(40px,6vw,70px);line-height:1.07;letter-spacing:-.06em;font-weight:700;margin:15px 0}.welcome h1 span,.login h1 em{background:linear-gradient(95deg,#fff,#9cb5ff 50%,#9ae4fa);background-clip:text;color:transparent;font-style:normal}.welcome p,.login p{color:var(--muted);max-width:470px}.mini-pill{border:1px solid var(--border);padding:8px 14px;border-radius:100px;font-size:12px;color:#b7c7eb;background:var(--glass)}.hero{border-radius:32px;padding:4px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:-80% 50% 0 -30%;background:radial-gradient(circle,#8b84f855,transparent 65%);pointer-events:none}.hero-content{padding:32px 35px;position:relative}.hero-top,.hero-bottom{display:flex;justify-content:space-between;align-items:center}.status{border:1px solid #7be3c45a;background:#42d7b020;color:#9fffe1;padding:7px 13px;border-radius:30px;font-size:12px}.status.expired{background:#ff8f9a20;border-color:#ff8f9a60;color:#ffc1c8}.hero-main{display:flex;align-items:center;gap:24px;padding:30px 0}.shield{width:100px;height:100px;display:grid;place-items:center;flex-shrink:0;border-radius:30px;background:linear-gradient(145deg,#a1b2ff,#625bbd);box-shadow:0 15px 50px #8681f14a;font-size:55px;color:#e9efff}.hero h2{font-size:30px;letter-spacing:-.04em;margin:0}.hero-main p{color:var(--muted);margin:5px 0}.hero-bottom{border-top:1px solid var(--border);padding-top:22px}.hero-bottom small{display:block;color:var(--muted);font-size:12px}.hero-bottom strong{display:block;margin-top:5px;font-size:17px}.primary{background:linear-gradient(105deg,#bbb7ff,#91c8fa);border:0;border-radius:16px;color:#101734;padding:13px 24px;font-weight:800;box-shadow:0 10px 28px #9aaff53a;transition:transform .2s}.primary:hover,.outline:hover,.feature:hover{transform:translateY(-3px)}.primary span{margin-left:18px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:38px 0 18px}.section-head h2{font-size:23px;margin:0}.section-head span{font-size:10px;letter-spacing:.16em;color:var(--muted)}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature{text-align:left;position:relative;min-height:210px;border-radius:23px;padding:23px 19px;color:var(--fg);transition:transform .2s}.feature-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;font-size:27px;margin-bottom:24px}.violet{background:#9c92fc33;color:#d1caff}.blue{background:#7da5ff33;color:#b7cfff}.cyan{background:#70d3e933;color:#9bf1ff}.pink{background:#e29df133;color:#f5bbff}.feature strong{display:block;font-size:15px}.feature small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.arrow{position:absolute;right:19px;top:20px;color:#aab5d7}.promo{margin-top:24px;border-radius:25px;padding:25px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px}.promo h3{font-size:22px;margin:7px 0}.promo p{margin:0;color:var(--muted);font-size:13px}.outline{border:1px solid #a8b2fa;background:#9ba5f520;color:#eef0ff;border-radius:15px;padding:12px 18px;white-space:nowrap;transition:transform .2s}.panel{border-radius:28px;padding:28px 32px;margin-top:40px;min-height:480px}.panel-head{display:flex;align-items:center;justify-content:space-between}.back{border:0;background:none;color:#c1c8f5;font-size:14px}.panel h1{font-size:36px;letter-spacing:-.045em;margin:25px 0 8px}.panel p{color:var(--muted)}.panel .card{background:#ffffff0b;border:1px solid var(--border);border-radius:20px;padding:22px;margin:16px 0}.panel .card h3{margin:0 0 5px}.panel .card .price{font-size:30px;font-weight:800;color:#d7d5ff;margin:14px 0}.panel .card .row{display:flex;justify-content:space-between;align-items:center;gap:16px}.panel .card small{color:var(--muted)}.panel .card button{margin-top:14px}.panel .primary{display:inline-block;text-align:center}.muted{color:var(--muted)}.steps{display:grid;gap:14px;margin:25px 0}.step{display:flex;gap:14px;align-items:center}.step-num{display:grid;place-items:center;width:36px;height:36px;border-radius:13px;background:#9eabfa22;color:#ccd4ff;flex-shrink:0}.copy{padding:12px 18px;border:1px solid var(--border);border-radius:13px;background:#ffffff0f;color:#eef0ff}.login{margin:7vh auto 0;max-width:750px;border-radius:36px;text-align:center;padding:55px 30px}.orb{width:145px;height:145px;margin:0 auto 28px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 32% 26%,#e3edff,#8f9df4 45%,#4c4c9e 76%);box-shadow:0 0 95px #8c8cfb5b,inset -15px -12px 35px #33337688}.orb span{font-size:70px;color:#fff}.login p{margin:0 auto 28px}.login .big{font-size:15px;padding:17px 28px}.login .hint{margin:16px auto 0;font-size:12px}.secondary-link{display:block;margin-top:14px;color:#b2bcff;text-decoration:underline}footer{display:flex;justify-content:space-between;color:#7e90b5;font-size:11px;padding:34px 0 40px}.bottom-nav{display:none}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,30px);opacity:0;pointer-events:none;padding:12px 20px;border:1px solid #ffffff35;border-radius:14px;background:#222d4b;color:white;box-shadow:0 10px 40px #0008;transition:.2s;z-index:10;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}@media(max-width:760px){.shell{width:calc(100% - 32px)}.topbar{height:75px}.welcome{padding:32px 0 24px}.welcome h1{font-size:44px}.welcome p{font-size:13px}.mini-pill,.online{display:none}.hero-content{padding:23px}.hero-main{gap:15px}.shield{width:75px;height:75px;border-radius:22px;font-size:43px}.hero h2{font-size:25px}.hero-bottom strong{font-size:14px}.hero-bottom .primary{padding:12px 17px}.features{grid-template-columns:repeat(2,1fr);gap:11px}.feature{min-height:175px;padding:18px 15px}.feature-icon{margin-bottom:16px}.feature strong{font-size:13px}.feature small{font-size:10px}.section-head span{display:none}.promo{flex-direction:column;align-items:start}.panel{margin-top:15px;padding:23px 20px;min-height:calc(100vh - 200px)}.panel h1{font-size:31px}.login{padding:38px 20px;margin:9vh auto}.login h1{font-size:42px}.orb{width:115px;height:115px}.bottom-nav{display:flex;position:fixed;z-index:8;bottom:calc(10px + env(safe-area-inset-bottom));left:12px;right:12px;justify-content:space-around;border-radius:23px;padding:9px 5px}.bottom-nav button{background:none;border:0;color:#99a8c7;font-size:10px;display:grid;gap:3px;justify-items:center;min-width:60px}.bottom-nav button span{font-size:23px}.bottom-nav button.selected{color:#d2d0ff}footer{padding-bottom:125px}.toast{bottom:110px}}