:root{--bg:#031710;--bg2:#06291f;--green:#00d59b;--green2:#00a978;--line:rgba(0,226,166,.25);--white:#f4f8f6;--muted:#93b4aa;--card:rgba(3,35,27,.72)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;background:#020b08;color:var(--white);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;overflow:hidden}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}.app-shell{position:relative;width:100%;height:100%;max-width:520px;margin:auto;overflow:hidden;background:radial-gradient(circle at 50% 35%,#075b42 0,#053b2d 28%,#031a13 58%,#020b08 100%)}.ambient{position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,rgba(0,235,169,.12),transparent 35%),linear-gradient(180deg,rgba(0,0,0,.2),transparent 30%);pointer-events:none}#pages{height:calc(100% - 82px);position:relative;z-index:1}.page{position:absolute;inset:0;display:none;overflow:hidden}.page.active{display:block}.home-page{padding:28px 22px 18px}.home-hero{height:52%;min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.logo-wrap{width:116px;height:116px;border-radius:50%;display:grid;place-items:center;position:relative;z-index:3;background:radial-gradient(circle,rgba(0,225,167,.16),rgba(0,225,167,.04) 58%,transparent 70%);box-shadow:0 0 34px rgba(0,220,166,.18)}.logo-wrap img{width:72%;height:72%;object-fit:contain;filter:drop-shadow(0 0 7px rgba(255,255,255,.16))}.home-hero h1{font-size:24px;margin:22px 0 4px;font-weight:750}.home-hero p{margin:0;color:#b0c8c0;font-size:15px}.pulse-orbit{position:absolute;border:1px solid rgba(69,239,193,.2);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.home-hero .orbit-1{width:160px;height:160px;animation:pulse 5s ease-out infinite}.home-hero .orbit-2{width:245px;height:245px;animation:pulse 5s ease-out 1.1s infinite}.home-hero .orbit-3{width:335px;height:335px;animation:pulse 5s ease-out 2.2s infinite}.home-hero .orbit-4{width:430px;height:430px;animation:pulse 5s ease-out 3.3s infinite}@keyframes pulse{0%{opacity:.08;transform:translate(-50%,-50%) scale(.84)}45%{opacity:.38}100%{opacity:0;transform:translate(-50%,-50%) scale(1.08)}}.home-sub{display:flex;justify-content:space-between;align-items:center;margin:4px 5px 20px}.home-sub strong{display:block;font-size:18px}.home-sub span:not(.status-pill){display:block;color:#00c996;font-size:13px;margin-top:4px}.status-pill{font-size:11px!important;color:#9bbab1!important;border:1px solid rgba(110,190,167,.25);background:rgba(110,190,167,.1);padding:8px 11px;border-radius:18px;white-space:nowrap}.home-actions{display:grid;gap:10px}.action{height:56px;border-radius:29px;display:grid;grid-template-columns:28px 1fr auto;gap:6px;align-items:center;padding:0 17px;font-weight:700}.primary-action{background:linear-gradient(90deg,#00bb88,#00c99a);box-shadow:0 8px 26px rgba(0,213,155,.16)}.white-action{background:#f5f7f6;color:#12201c}.action-icon{font-size:22px}.inner-page{background:linear-gradient(180deg,#031c15,#03150f)}.inner-head{height:68px;padding:env(safe-area-inset-top) 16px 0;min-height:68px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;background:rgba(2,18,13,.75);backdrop-filter:blur(14px);border-bottom:1px solid rgba(0,255,190,.08)}.inner-head h2{margin:0;font-size:18px}.head-btn{font-size:38px;line-height:1;width:38px;height:42px}.head-right{display:flex;gap:8px;align-items:center;font-size:30px}.close-btn{font-size:32px}.scroll-content{height:calc(100% - 68px);overflow:auto;padding:30px 22px 32px;scrollbar-width:none}.scroll-content::-webkit-scrollbar{display:none}.title-block{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.title-block h3,.setup-page h3{font-size:34px;line-height:1.05;margin:0 0 12px}.title-block p,.subtitle{margin:0;color:#a5c1b9;font-size:17px;line-height:1.35}.small-logo{width:105px;height:105px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(0,255,190,.35);box-shadow:0 0 28px rgba(0,226,166,.15)}.small-logo img{width:70%;height:70%;object-fit:contain}.plans{display:grid;gap:14px}.plan{width:100%;min-height:132px;padding:18px 17px;border:1px solid rgba(0,225,166,.38);border-radius:28px;background:rgba(1,37,28,.68);display:grid;grid-template-columns:68px 1fr auto 30px;align-items:center;text-align:left}.plan.selected{border:2px solid #00e0ad;box-shadow:0 0 25px rgba(0,226,166,.2)}.plan-icon{width:58px;height:58px;border-radius:17px;background:rgba(0,209,153,.13);display:grid;place-items:center;font-size:31px;color:#fff}.plan-info b{font-size:23px;display:block;margin-bottom:6px}.plan-info span{font-size:14px;line-height:1.3;color:#a9c3bb}.plan strong{font-size:24px;white-space:nowrap;margin-right:10px}.plan i{width:25px;height:25px;border:2px solid #8ba7a0;border-radius:50%;font-style:normal;display:grid;place-items:center;color:#031710}.plan.selected i{background:#00dba6;border-color:#00dba6}.benefits{margin-top:18px;border:1px solid rgba(0,225,166,.26);border-radius:25px;padding:5px 18px;background:rgba(2,34,26,.55)}.benefits div{display:grid;grid-template-columns:42px 1fr;align-items:center;min-height:62px;border-bottom:1px solid rgba(0,225,166,.15);font-size:28px;color:#00e4b0}.benefits div:last-child{border-bottom:0}.benefits span{font-size:16px;color:#e4eeea}.pay-main{width:100%;height:62px;border-radius:32px;background:linear-gradient(90deg,#00bf8e,#00d2a0);font-size:19px;font-weight:800;margin-top:20px;box-shadow:0 10px 32px rgba(0,214,159,.2);display:flex;align-items:center;justify-content:center;gap:13px}.setup-page h3{font-size:29px}.setup-orbit{height:250px;position:relative;display:grid;place-items:center;margin:15px 0}.setup-orbit .orbit-1{width:130px;height:130px}.setup-orbit .orbit-2{width:220px;height:220px}.steps{display:grid;gap:12px}.step{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:start;padding:16px;border:1px solid var(--line);border-radius:20px;background:var(--card)}.step>b{width:42px;height:42px;border-radius:50%;background:var(--green);color:#002219;display:grid;place-items:center;font-size:18px}.step strong,.step span{display:block}.step strong{font-size:16px;margin:3px 0 5px}.step span{color:#96b6ac;font-size:13px;line-height:1.35}.secondary-btn{width:100%;height:55px;border:1px solid rgba(0,225,166,.4);border-radius:28px;margin-top:10px;font-weight:700}.profile-top{text-align:center;padding:20px 0 28px}.profile-logo{margin:auto;width:112px;height:112px;border-radius:50%;border:1px solid rgba(0,225,166,.38);display:grid;place-items:center}.profile-logo img{width:72%;height:72%;object-fit:contain}.profile-top h3{font-size:22px;margin:15px 0 4px}.profile-top span{color:#8eaaa3;font-size:13px}.menu-card{border:1px solid rgba(0,225,166,.28);border-radius:24px;overflow:hidden;background:rgba(1,31,24,.64)}.menu-card button{width:100%;min-height:65px;padding:0 17px;display:grid;grid-template-columns:32px 1fr 22px;gap:10px;align-items:center;text-align:left;border-bottom:1px solid rgba(0,225,166,.14)}.menu-card button:last-child{border-bottom:0}.menu-card button>span{font-size:21px}.menu-card b{font-size:15px}.menu-card i{font-style:normal;font-size:25px;color:#78958c}.menu-card small{display:block;color:#78958c;margin-top:3px}.support-page{text-align:center}.support-icon{margin:15px auto;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(0,225,166,.35);font-size:45px;box-shadow:0 0 30px rgba(0,225,166,.12)}.support-page h3{font-size:29px;margin:15px 0 6px}.support-page .menu-card{margin-top:26px;text-align:left}.support-box{margin-top:18px;border:1px solid rgba(0,225,166,.25);border-radius:22px;padding:26px;text-align:center}.support-box strong{display:block;font-size:18px}.support-box span{display:block;color:#8eaaa3;margin-top:6px;font-size:13px}.bottom-nav{position:absolute;z-index:5;left:16px;right:16px;bottom:calc(12px + env(safe-area-inset-bottom));height:62px;border:1px solid rgba(0,225,166,.18);border-radius:32px;background:rgba(4,29,22,.88);backdrop-filter:blur(16px);display:grid;grid-template-columns:repeat(4,1fr);padding:4px}.nav{border-radius:27px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#91aaa3}.nav span{font-size:22px;line-height:1}.nav small{font-size:10px}.nav.active{background:#00c99a;color:#032118;box-shadow:0 0 22px rgba(0,213,155,.18)}@media(max-height:720px){.home-hero{min-height:280px;height:47%}.logo-wrap{width:96px;height:96px}.home-hero h1{margin-top:14px}.plan{min-height:112px}.plan-info b{font-size:20px}.plan-info span{font-size:12px}.benefits div{min-height:52px}.pay-main{height:56px}}