*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}:root{--bg:#080a12;--line:rgba(255,255,255,.14);--muted:#aeb8d2;--banana:#ffd84d;--green:#35f39b;--blue:#41b7ff;--purple:#9d6cff;--red:#ff4f6d}body{min-height:100vh;background:radial-gradient(circle at 18% 8%,rgb(255 216 77 / .26),transparent 25%),radial-gradient(circle at 86% 14%,rgb(53 243 155 / .18),transparent 28%),radial-gradient(circle at 50% 95%,rgb(65 183 255 / .18),transparent 34%),linear-gradient(145deg,#090b16 0%,#11172c 45%,#05060d 100%);color:#fff;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgb(255 255 255 / .04) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .04) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,rgb(0 0 0 / .85),transparent 88%);pointer-events:none;z-index:0}.orb{position:fixed;width:320px;height:320px;border-radius:50%;filter:blur(72px);opacity:.42;pointer-events:none;z-index:0;animation:floatOrb 9s ease-in-out infinite alternate}.orb.one{background:var(--banana);left:-120px;top:100px}.orb.two{background:var(--green);right:-120px;top:240px;animation-delay:1.4s}.orb.three{background:var(--blue);left:42%;bottom:-180px;animation-delay:2.1s}@keyframes floatOrb{from{transform:translateY(0) scale(1)}to{transform:translateY(-28px) scale(1.07)}}.site{position:relative;z-index:1;width:min(1200px,calc(100% - 32px));margin:0 auto;padding:22px 0 50px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid var(--line);background:rgb(255 255 255 / .075);backdrop-filter:blur(22px);border-radius:28px;box-shadow:0 22px 80px rgb(0 0 0 / .22);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:12px;min-width:220px}.logo{width:50px;height:50px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#101828,#1f2937 48%,#0b1222);border:2px solid rgb(255 216 77 / .75);box-shadow:0 16px 30px rgb(255 216 77 / .22),inset 0 1px 0 rgb(255 255 255 / .12);overflow:hidden}.logo:before{content:"🍌";font-size:31px;transform:rotate(-18deg);filter:drop-shadow(0 4px 7px rgb(0 0 0 / .55))}.brand strong{display:block;font-size:20px;letter-spacing:-.6px}.brand span{display:block;color:var(--muted);font-size:12px}.search{flex:1;max-width:430px;position:relative}.search input{width:100%;padding:14px 16px 14px 44px;border-radius:18px;border:1px solid var(--line);background:rgb(0 0 0 / .28);color:#fff;outline:none;font-size:14px}.search:before{content:"⌕";position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9eabc8;font-size:19px}.server-pill,.sound-toggle{display:flex;align-items:center;gap:8px;padding:10px 13px;border-radius:999px;white-space:nowrap;font-weight:800;font-size:13px}.server-pill{background:rgb(53 243 155 / .1);border:1px solid rgb(53 243 155 / .24);color:#b6ffd9}.server-pill i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green)}.sound-toggle{border:1px solid rgb(255 255 255 / .16);background:rgb(255 255 255 / .08);color:#fff;cursor:pointer}.sound-toggle.off{color:#9faac3;background:rgb(255 255 255 / .05)}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center;padding:46px 4px 28px}.hero h1{font-size:clamp(40px,6vw,76px);line-height:.94;letter-spacing:-3px;margin-bottom:18px}.hero h2 span{color:var(--banana);text-shadow:0 0 28px rgb(255 216 77 / .28)}.hero p{color:#c9d4ee;font-size:18px;line-height:1.55;max-width:650px;margin-bottom:20px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.btn{border:0;border-radius:18px;padding:15px 18px;color:#06101d;font-weight:900;font-size:15px;cursor:pointer;transition:transform .2s ease,opacity .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--banana),var(--green));box-shadow:0 18px 38px rgb(53 243 155 / .18)}.btn-ghost{background:rgb(255 255 255 / .09);border:1px solid var(--line);color:#fff}.hero-panel,.activity-wrap,.box{border:1px solid var(--line);background:rgb(255 255 255 / .075);backdrop-filter:blur(22px);border-radius:34px;box-shadow:0 28px 90px rgb(0 0 0 / .34);padding:20px}.featured-top{display:flex;justify-content:space-between;color:#d9e5ff;font-size:13px;margin-bottom:18px}.featured-app{display:grid;grid-template-columns:86px 1fr;gap:16px;align-items:center;padding:18px;border-radius:26px;background:rgb(0 0 0 / .24);border:1px solid rgb(255 255 255 / .1);margin-bottom:16px}.big-icon,.app-icon,.modal-icon{display:grid;place-items:center;box-shadow:inset 0 1px 0 rgb(255 255 255 / .22),0 18px 34px rgb(0 0 0 / .26);overflow:hidden}.big-icon{width:86px;height:86px;border-radius:25px;font-size:40px}.icon-img{width:100%;height:100%;object-fit:cover;display:block}.featured-app h3{font-size:23px;margin-bottom:5px}.featured-app p{color:var(--muted);font-size:13px;line-height:1.45}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric{padding:14px;border-radius:20px;background:rgb(255 255 255 / .07);border:1px solid rgb(255 255 255 / .1)}.metric strong{display:block;font-size:20px;margin-bottom:4px}.metric span{color:var(--muted);font-size:12px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:20px 0 16px}.section-head h2{font-size:30px;letter-spacing:-1px}.section-head p{color:var(--muted);font-size:14px;margin-top:4px}.filters{display:flex;flex-wrap:wrap;gap:10px}.filter-btn{border:1px solid var(--line);color:#dfe8ff;background:rgb(255 255 255 / .07);border-radius:999px;padding:10px 13px;cursor:pointer;font-size:13px;font-weight:800}.filter-btn.active,.filter-btn:hover{background:rgb(255 216 77 / .15);border-color:rgb(255 216 77 / .38);color:#fff}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.app-card{border:1px solid var(--line);background:rgb(255 255 255 / .075);backdrop-filter:blur(20px);border-radius:28px;padding:16px;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 20px 70px rgb(0 0 0 / .18);transition:.2s}.app-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgb(255 255 255 / .12),transparent 38%);pointer-events:none}.app-card:hover{transform:translateY(-5px);border-color:rgb(255 216 77 / .42);background:rgb(255 255 255 / .1)}.app-icon{width:70px;height:70px;border-radius:22px;font-size:32px;margin-bottom:14px}.app-card h3{position:relative;font-size:17px;margin-bottom:6px}.app-card p{position:relative;color:var(--muted);font-size:12.5px;line-height:1.45;min-height:38px}.badges{position:relative;display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.badge2{font-size:11px;color:#dce8ff;padding:6px 8px;border-radius:999px;background:rgb(255 255 255 / .08);border:1px solid rgb(255 255 255 / .1)}.badge-generator{color:#fff5bc;background:rgb(255 216 77 / .12);border-color:rgb(255 216 77 / .22)}.badge-mod{color:#bfffdc;background:rgb(53 243 155 / .1);border-color:rgb(53 243 155 / .22)}.rating{position:relative;display:flex;justify-content:space-between;margin-top:14px;color:var(--banana);font-size:12px}.rating span:last-child{color:#9fb0cf}.activity-wrap{margin-top:22px;border-radius:26px;box-shadow:none}.activity-wrap h3{font-size:17px;margin-bottom:10px}.activity-item{display:flex;justify-content:space-between;gap:12px;padding:8px 0;color:#cbd8f3;font-size:13px;transition:.45s}.activity-item.fade-out{opacity:0;transform:translateY(8px)}.activity-item span:last-child{color:var(--green)}.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:18px;background:rgb(0 0 0 / .64);backdrop-filter:blur(14px)}.modal.active{display:flex}.modal-panel{width:min(980px,100%);max-height:min(850px,calc(100vh - 36px));overflow-y:auto;border-radius:34px;border:1px solid rgb(255 255 255 / .16);background:radial-gradient(circle at top right,rgb(255 216 77 / .14),transparent 32%),linear-gradient(180deg,rgb(16 22 45 / .97),rgb(5 7 19 / .99));box-shadow:0 34px 120px rgb(0 0 0 / .6);padding:20px;position:relative}.close{position:absolute;top:16px;right:16px;width:42px;height:42px;border-radius:15px;border:1px solid rgb(255 255 255 / .15);background:rgb(255 255 255 / .08);color:#fff;cursor:pointer;font-size:20px;z-index:3}.modal-head{display:grid;grid-template-columns:94px 1fr;gap:16px;align-items:center;padding-right:54px;margin-bottom:18px}.modal-icon{width:94px;height:94px;border-radius:29px;font-size:44px}.modal-head h2{font-size:32px;margin-bottom:6px;letter-spacing:-1px}.modal-head p{color:var(--muted);line-height:1.45;font-size:14px}.modal-body-grid{display:grid;grid-template-columns:1fr 360px;gap:18px;transition:.25s}.modal-body-grid.focused{grid-template-columns:1fr}.stage-hidden{display:none!important}.stage-exit{animation:stageExit .42s ease both;pointer-events:none}.stage-card{animation:stageIn .58s cubic-bezier(.18,.89,.32,1.18) both}@keyframes stageIn{0%{opacity:0;transform:translateY(28px) scale(.96);filter:blur(7px)}65%{opacity:1;transform:translateY(-3px) scale(1.01);filter:blur(0)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes stageExit{0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}100%{opacity:0;transform:translateY(-22px) scale(.96);filter:blur(7px)}}.modal-panel.transitioning{animation:panelPulse .62s ease both}@keyframes panelPulse{0%,100%{box-shadow:0 34px 120px rgb(0 0 0 / .6)}50%{box-shadow:0 34px 120px rgb(0 0 0 / .6),0 0 42px rgb(255 216 77 / .18)}}.box{border-radius:26px;box-shadow:none}.box-title{font-size:17px;margin-bottom:12px}.device-grid,.resource-list{display:grid;gap:10px}.device-option{width:100%;text-align:left;border:1px solid rgb(255 255 255 / .13);background:rgb(255 255 255 / .075);color:#fff;border-radius:18px;padding:14px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px}.device-option:hover,.device-option.selected{border-color:rgb(255 216 77 / .44);background:rgb(255 216 77 / .1)}.device-option span{color:var(--muted);font-size:12px;display:block;margin-top:3px}label{display:block;color:#dfe8ff;font-size:13px;margin-bottom:8px;font-weight:800}input{width:100%;padding:15px 16px;border-radius:17px;border:1px solid rgb(255 255 255 / .14);background:rgb(0 0 0 / .26);outline:none;color:#fff;font-size:15px;margin-bottom:14px}.resource-row{display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:center;padding:12px;border-radius:18px;background:rgb(0 0 0 / .18);border:1px solid rgb(255 255 255 / .08)}.resource-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:27px;background:rgb(255 255 255 / .1);overflow:hidden}.resource-row strong{display:block;margin-bottom:8px}input[type=range]{padding:0;margin:0;accent-color:var(--banana);height:8px}.resource-value{color:var(--banana);font-weight:900;margin-top:7px;font-size:13px}.features{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.feature{padding:12px;border-radius:18px;background:rgb(0 0 0 / .18);border:1px solid rgb(255 255 255 / .08)}.feature strong{display:block;font-size:13px;margin-bottom:4px}.feature span{color:var(--muted);font-size:12px;line-height:1.35}.start-btn{width:100%;margin-top:14px}.start-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.process{display:none;margin-top:16px}.process.active{display:block}.counter-stage{display:none;gap:10px;margin-bottom:14px}.counter-stage.active{display:grid}.counter-card{display:grid;grid-template-columns:48px 1fr;gap:10px;align-items:center;padding:12px;border-radius:18px;background:rgb(255 216 77 / .1);border:1px solid rgb(255 216 77 / .2);animation:popIn .4s ease both}@keyframes popIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.counter-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:26px;background:rgb(255 255 255 / .13);overflow:hidden}.counter-number{color:var(--banana);font-size:22px;font-weight:950}.counter-label{color:var(--muted);font-size:12px}.console{min-height:210px;max-height:260px;overflow-y:auto;border-radius:22px;padding:15px;background:rgb(0 0 0 / .45);border:1px solid rgb(255 255 255 / .12);font-family:Consolas,"SFMono-Regular",monospace;font-size:12px;line-height:1.75;color:#b8e6ff}.console .green{color:var(--green)}.console .yellow{color:var(--banana)}.console .red{color:var(--red)}.console .blue{color:var(--blue)}.bar-wrap{width:100%;height:13px;border-radius:999px;overflow:hidden;background:rgb(255 255 255 / .12);margin:14px 0 10px}.bar{width:0%;height:100%;background:linear-gradient(90deg,var(--banana),var(--green),var(--blue),var(--purple));transition:width .45s ease}.status{color:#dfe9ff;font-size:13px;min-height:20px}.last-step{display:none;margin-top:16px;border-radius:26px;padding:18px;background:radial-gradient(circle at top right,rgb(53 243 155 / .16),transparent 32%),rgb(53 243 155 / .08);border:1px solid rgb(53 243 155 / .22);text-align:center}.last-step.active{display:block}.last-step h3{color:#aaffca;font-size:23px;margin-bottom:8px}.last-step p{color:#d1e0fa;font-size:13px;line-height:1.5;margin-bottom:14px}.last-btn{width:100%;animation:lastGiggleLoop 3s ease-in-out infinite;animation-play-state:paused}.last-step.active .last-btn{animation-play-state:running;animation-delay:.2s}@keyframes lastGiggleLoop{0%{transform:translateX(0)}8%{transform:translateX(-3px)}16%{transform:translateX(3px)}24%{transform:translateX(-3px)}32%{transform:translateX(3px)}40%{transform:translateX(-2px)}48%{transform:translateX(2px)}56%{transform:translateX(-2px)}64%{transform:translateX(2px)}70%,100%{transform:translateX(0)}}.note{margin-top:10px;color:#9fb0cf!important;font-size:11px!important}.disclaimer{margin-top:18px;padding:14px 16px;border-radius:22px;background:rgb(255 216 77 / .08);border:1px solid rgb(255 216 77 / .18);color:#ffe8a6;font-size:12px;line-height:1.5;text-align:center}.back-top{position:fixed;right:22px;bottom:22px;width:52px;height:52px;border-radius:18px;border:1px solid rgb(255 255 255 / .16);background:linear-gradient(145deg,var(--banana),var(--green));color:#07101d;font-size:24px;font-weight:950;cursor:pointer;display:grid;place-items:center;box-shadow:0 18px 42px rgb(53 243 155 / .2);z-index:60;opacity:0;transform:translateY(16px) scale(.92);pointer-events:none;transition:.25s}.back-top.visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.back-top:hover{transform:translateY(-3px) scale(1.04)}.pause-notice{position:fixed;left:50%;bottom:22px;transform:translate(-50%,16px);z-index:120;background:rgb(5 7 19 / .92);border:1px solid rgb(255 216 77 / .34);color:#ffe8a6;padding:12px 16px;border-radius:999px;font-size:13px;font-weight:900;box-shadow:0 18px 42px rgb(0 0 0 / .34);opacity:0;pointer-events:none;transition:.25s}.pause-notice.visible{opacity:1;transform:translate(-50%,0)}@media(max-width:980px){.hero,.modal-body-grid{grid-template-columns:1fr}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){header{flex-direction:column;align-items:stretch}.brand{min-width:0}.search{max-width:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.features,.metrics{grid-template-columns:1fr}.modal-head{grid-template-columns:74px 1fr}.modal-icon{width:74px;height:74px;border-radius:22px;font-size:34px}.modal-head h2{font-size:25px}.section-head{align-items:start;flex-direction:column}}@media(max-width:460px){.site{width:min(100% - 22px,1200px)}.grid{grid-template-columns:1fr}.hero h1{letter-spacing:-2px}.modal-panel{padding:16px;border-radius:28px}.featured-app{grid-template-columns:1fr}}.last-step-header{display:flex;align-items:center;gap:14px;padding:18px 20px;margin:-18px -18px 18px;border-radius:24px 24px 0 0;background:rgb(255 136 0 / .16);border-bottom:1px solid rgb(255 180 60 / .22);text-align:left}.last-info-icon{width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,#ff9d16,#ff7a00);display:grid;place-items:center;color:#fff;font-size:26px;font-weight:900;flex-shrink:0;line-height:1}.last-step-header>div:last-child{display:flex;flex-direction:column;justify-content:center;min-height:54px}.last-step-header h3,.last-step-header h6{margin:0;color:#fff;font-size:18px;line-height:1.18;font-weight:900;letter-spacing:-.2px;display:flex;align-items:center;gap:9px}.last-step-header h3 span,.last-step-header h6 span{width:10px;height:10px;border-radius:50%;background:#f6bd25;display:inline-block;flex-shrink:0;animation:heartbeatDot 1.4s ease-in-out infinite}.last-step-header p{margin:7px 0 0;color:#d6aa2e;font-size:12px;font-weight:800;line-height:1.25;letter-spacing:.35px;text-transform:uppercase}.secure-note{margin-top:14px;display:flex;align-items:center;justify-content:center;gap:6px;color:#7f8d9f!important;font-size:13px!important;font-weight:700;line-height:1.35!important;margin-bottom:0!important}.secure-lock-svg{width:15px;height:15px;color:#10d99a;filter:drop-shadow(0 0 7px rgb(16 217 154 / .8));flex-shrink:0}@keyframes heartbeatDot{0%{transform:scale(1);opacity:.45;box-shadow:0 0 0 0 rgb(246 189 37 / .45)}35%{transform:scale(1.25);opacity:1;box-shadow:0 0 10px 3px rgb(246 189 37 / .45)}70%{transform:scale(.95);opacity:.65;box-shadow:0 0 0 8px #fff0}100%{transform:scale(1);opacity:.45;box-shadow:0 0 0 0 #fff0}}@media(max-width:520px){.last-step-header{gap:11px;padding:15px 16px}.last-info-icon{width:44px;height:44px;border-radius:12px;font-size:22px}.last-step-header>div:last-child{min-height:44px}.last-step-header h3,.last-step-header h6{font-size:14px;line-height:1.15;gap:7px}.last-step-header h3 span,.last-step-header h6 span{width:8px;height:8px}.last-step-header p{font-size:9.6px;margin-top:5px;letter-spacing:.25px}.secure-note{font-size:11.5px!important;gap:5px}.secure-lock-svg{width:13px;height:13px}}.hero.hero-clean{display:block;grid-template-columns:none;padding:66px 4px 42px}.hero.hero-clean .hero-copy{max-width:1180px}.hero.hero-clean h1{max-width:1120px;font-size:clamp(46px, 7vw, 92px)}.hero.hero-clean p{max-width:900px;margin-bottom:0}@media (max-width:720px){.hero.hero-clean{padding:44px 4px 28px}.hero.hero-clean h1{font-size:clamp(40px, 14vw, 68px)}}@media (max-width:460px){.hero.hero-clean{padding:34px 4px 24px}.hero.hero-clean h1{letter-spacing:-2px}}.js-only-controls{display:none!important;width:0!important;height:0!important;overflow:hidden!important;position:absolute!important;left:-9999px!important;}.modal-panel.last-step-mode .close{display:none!important}

/* Compact final offer-guide page */
.final-verify{display:none;text-align:center;max-width:760px;margin:0 auto;padding:2px 0 4px}.final-verify.active{display:block}.modal-panel.offer-guide-mode{overflow:hidden}.modal-panel.offer-guide-mode .modal-head{grid-template-columns:58px 1fr;gap:11px;margin-bottom:10px;padding-right:0}.modal-panel.offer-guide-mode .modal-icon{width:58px;height:58px;border-radius:18px;font-size:28px}.modal-panel.offer-guide-mode .modal-head h2{font-size:22px;margin-bottom:2px}.modal-panel.offer-guide-mode .modal-head p{display:none}.modal-panel.offer-guide-mode .box{padding:0;border:0;background:transparent;box-shadow:none}.modal-panel.offer-guide-mode .modal-body-grid{display:block}.verify-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.verify-stat{border:1px solid rgb(255 255 255 / .13);border-radius:18px;padding:12px 10px;background:rgb(255 255 255 / .055)}.verify-stat span{display:block;font-size:11px;font-weight:950;letter-spacing:2px}.verify-stat strong{display:block;font-size:27px;line-height:1.05;margin:6px 0 5px}.verify-stat em{font-style:normal;font-size:10px;color:#98a5bc;font-weight:850;letter-spacing:1.7px}.verify-stat.live{border-color:rgb(53 243 155 / .26);background:rgb(53 243 155 / .065)}.verify-stat.live span,.verify-stat.live strong{color:#35f39b}.verify-stat.limited{border-color:rgb(255 79 109 / .28);background:rgb(255 79 109 / .06)}.verify-stat.limited span,.verify-stat.limited strong{color:#ff6f86}.verify-stat.expires{border-color:rgb(255 216 77 / .28);background:rgb(255 216 77 / .065)}.verify-stat.expires span,.verify-stat.expires strong{color:#ffd84d}.video-guide-box{height:128px;border-radius:20px;border:1px solid rgb(255 255 255 / .16);background:radial-gradient(circle at center,rgb(157 108 255 / .22),transparent 34%),linear-gradient(rgb(255 255 255 / .035) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .035) 1px,transparent 1px),#080b18;background-size:auto,28px 28px,28px 28px,auto;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.video-play{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:rgb(157 108 255 / .75);box-shadow:0 0 34px rgb(157 108 255 / .55);font-size:22px;padding-left:4px;margin-bottom:3px}.video-label{font-size:12px;color:#b8bdd0;letter-spacing:1.5px}.video-guide-box h3{font-size:20px;line-height:1.1;margin:4px 0 0}.video-bottom{position:absolute;left:0;right:0;bottom:0;height:28px;background:rgb(0 0 0 / .55);display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:0 14px;color:#c7ccda;font-size:13px}.video-bottom span:first-child{color:#ff4f6d}.video-bottom span:nth-child(2){height:4px;border-radius:999px;background:rgb(255 255 255 / .22)}.watch-first{display:inline-flex;align-items:center;justify-content:center;margin:10px auto 12px;padding:9px 17px;border-radius:999px;border:1px solid rgb(255 79 109 / .42);background:rgb(255 79 109 / .08);color:#ff8e9e;font-size:12px;font-weight:950;letter-spacing:1px;animation:watchSlowBounce 1.9s ease-in-out infinite}@keyframes watchSlowBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.verify-alert{border:1px solid rgb(255 216 77 / .28);border-radius:18px;background:rgb(255 216 77 / .075);padding:13px 14px;margin-bottom:12px}.verify-alert h3{font-size:18px;line-height:1.25;margin-bottom:7px}.verify-alert p{font-size:14px;line-height:1.4;color:#fff0b8;margin:0}.verify-steps{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.verify-step{text-align:left;border:1px solid rgb(255 255 255 / .13);border-radius:17px;background:rgb(255 255 255 / .06);padding:12px}.verify-step b{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#a66cff,#ff4fc3);font-size:13px;margin-bottom:8px}.verify-step p{font-size:13px;line-height:1.4;color:#cbd4e8;margin:0}.verify-mini-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.verify-mini-row span{border:1px solid rgb(255 255 255 / .1);border-radius:14px;background:rgb(255 255 255 / .055);padding:10px 12px;text-align:left;color:#cbd4e8;font-size:12px}.final-title{text-align:left;font-size:18px;line-height:1.1;border-left:4px solid #ff4fc3;padding-left:12px;margin:2px 0 12px}.final-click-btn{position:relative;overflow:hidden;width:min(440px,100%);height:62px;border:0;border-radius:999px;background:linear-gradient(135deg,#9d6cff,#ff4fc3);color:#fff;font-size:24px;letter-spacing:5px;font-weight:950;box-shadow:0 0 0 7px rgb(157 108 255 / .24),0 18px 50px rgb(255 79 195 / .28);animation:finalFloat 2.6s ease-in-out infinite}.final-click-btn:before{content:"";position:absolute;inset:-40% auto -40% -35%;width:38%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .55),transparent);transform:skewX(-18deg);animation:btnShine 2.9s ease-in-out infinite}.final-click-btn span{font-size:32px;vertical-align:-2px;margin-left:12px}@keyframes finalFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes btnShine{0%{left:-35%}55%,100%{left:120%}}.final-subtext{margin-top:12px;color:#bfc4d2;font-size:13px;font-weight:900;letter-spacing:5px}.modal-panel.offer-guide-mode .close{display:none!important}
@media(max-width:520px){.modal{padding:10px}.modal-panel.offer-guide-mode{max-height:calc(100vh - 20px);padding:12px;border-radius:24px}.modal-panel.offer-guide-mode .modal-head{grid-template-columns:44px 1fr;margin-bottom:8px}.modal-panel.offer-guide-mode .modal-icon{width:44px;height:44px;border-radius:14px;font-size:22px}.modal-panel.offer-guide-mode .modal-head h2{font-size:17px}.verify-stats{gap:6px;margin-bottom:8px}.verify-stat{border-radius:14px;padding:8px 4px}.verify-stat span{font-size:8.5px;letter-spacing:1.3px}.verify-stat strong{font-size:22px;margin:4px 0}.verify-stat em{font-size:7.6px;letter-spacing:1.1px}.video-guide-box{height:106px;border-radius:17px}.video-play{width:44px;height:44px;font-size:17px;margin-bottom:1px}.video-label{font-size:10px}.video-guide-box h3{font-size:16px}.video-bottom{height:24px;font-size:11px;padding:0 10px;gap:8px}.watch-first{margin:8px auto 9px;padding:8px 14px;font-size:10.5px}.verify-alert{padding:10px 11px;border-radius:15px;margin-bottom:9px}.verify-alert h3{font-size:15.5px;margin-bottom:5px}.verify-alert p{font-size:12.2px;line-height:1.35}.verify-steps{gap:7px;margin-bottom:8px}.verify-step{padding:9px;border-radius:14px}.verify-step b{width:24px;height:24px;border-radius:8px;font-size:12px;margin-bottom:6px}.verify-step p{font-size:11.2px;line-height:1.35}.verify-mini-row{gap:7px;margin-bottom:9px}.verify-mini-row span{padding:8px 9px;border-radius:12px;font-size:10.5px}.final-title{font-size:15.5px;margin-bottom:9px;padding-left:9px}.final-click-btn{height:54px;font-size:18px;letter-spacing:3.5px}.final-click-btn span{font-size:24px;margin-left:8px}.final-subtext{margin-top:9px;font-size:10.5px;letter-spacing:3.2px}}
@media(max-width:360px){.verify-steps,.verify-mini-row{grid-template-columns:1fr}.video-guide-box{height:100px}.final-click-btn{height:50px;font-size:16px}}

/* Balanced offer-guide spacing update */
.modal-panel.offer-guide-mode {
  width: min(760px, calc(100% - 28px));
  max-height: calc(100vh - 36px);
  overflow: hidden;
  padding: 18px;
}
.final-verify {
  max-width: 680px;
  padding: 4px 0 8px;
}
.modal-panel.offer-guide-mode .modal-head {
  grid-template-columns: 54px 1fr;
  gap: 12px;
  margin-bottom: 12px;
}
.modal-panel.offer-guide-mode .modal-icon {
  width: 54px;
  height: 54px;
  border-radius: 17px;
}
.modal-panel.offer-guide-mode .modal-head h2 {
  font-size: 21px;
}
.verify-stats {
  gap: 9px;
  margin-bottom: 13px;
}
.verify-stat {
  min-height: 78px;
  padding: 10px 8px;
  border-radius: 16px;
}
.verify-stat strong {
  font-size: 26px;
  margin: 5px 0 4px;
}
.video-guide-box {
  width: min(600px, 100%);
  height: 148px;
  margin: 0 auto;
  border-radius: 18px;
}
.video-play {
  width: 50px;
  height: 50px;
  margin-bottom: 4px;
}
.video-guide-box h3 {
  font-size: 19px;
}
.watch-first {
  margin: 11px auto 14px;
  padding: 8px 18px;
}
.verify-alert {
  padding: 13px 16px;
  margin-bottom: 14px;
}
.verify-alert h3 {
  font-size: 17px;
  margin-bottom: 6px;
}
.verify-alert p {
  font-size: 13.5px;
}
.verify-steps {
  gap: 12px;
  margin-bottom: 12px;
}
.verify-step {
  min-height: 86px;
  padding: 12px 13px;
}
.verify-mini-row {
  gap: 12px;
  margin-bottom: 14px;
}
.final-title {
  margin: 4px 0 15px;
}
.final-click-btn {
  width: min(500px, 100%);
  height: 58px;
  margin-top: 2px;
  font-size: 22px;
  letter-spacing: 4.5px;
}
.final-subtext {
  margin-top: 13px;
}

@media(max-width:520px){
  .modal{padding:8px}
  .modal-panel.offer-guide-mode{
    width: calc(100% - 16px);
    max-height: calc(100vh - 16px);
    padding: 12px;
    border-radius: 22px;
  }
  .final-verify{max-width:100%;padding:2px 0 4px}
  .modal-panel.offer-guide-mode .modal-head{
    grid-template-columns:42px 1fr;
    gap:10px;
    margin-bottom:10px;
  }
  .modal-panel.offer-guide-mode .modal-icon{width:42px;height:42px;border-radius:13px;font-size:21px}
  .modal-panel.offer-guide-mode .modal-head h2{font-size:16px}
  .verify-stats{gap:7px;margin-bottom:10px}
  .verify-stat{min-height:66px;padding:7px 4px;border-radius:13px}
  .verify-stat span{font-size:8px;letter-spacing:1.1px}
  .verify-stat strong{font-size:20px;margin:4px 0 3px}
  .verify-stat em{font-size:7px;letter-spacing:1px}
  .video-guide-box{width:100%;height:118px;border-radius:16px}
  .video-play{width:42px;height:42px;font-size:17px;margin-bottom:2px}
  .video-label{font-size:9.5px}
  .video-guide-box h3{font-size:16px}
  .video-bottom{height:24px;font-size:10.5px;padding:0 10px}
  .watch-first{margin:9px auto 11px;padding:7px 14px;font-size:10px}
  .verify-alert{padding:10px 11px;margin-bottom:11px;border-radius:14px}
  .verify-alert h3{font-size:14px;line-height:1.25;margin-bottom:5px}
  .verify-alert p{font-size:11.7px;line-height:1.35}
  .verify-steps{gap:8px;margin-bottom:9px}
  .verify-step{min-height:76px;padding:9px;border-radius:14px}
  .verify-step b{width:23px;height:23px;margin-bottom:6px}
  .verify-step p{font-size:10.7px;line-height:1.34}
  .verify-mini-row{gap:8px;margin-bottom:12px}
  .verify-mini-row span{padding:7px 8px;font-size:10px;border-radius:11px}
  .final-title{font-size:15px;margin:2px 0 11px;padding-left:9px}
  .final-click-btn{height:50px;font-size:17px;letter-spacing:3.5px;box-shadow:0 0 0 5px rgb(157 108 255 / .22),0 14px 38px rgb(255 79 195 / .25)}
  .final-click-btn span{font-size:23px;margin-left:8px}
  .final-subtext{margin-top:10px;font-size:10px;letter-spacing:3px}
}

@media(max-width:380px){
  .video-guide-box{height:108px}
  .verify-step{min-height:72px}
  .final-click-btn{height:48px;font-size:16px}
}


/* Video hover/click + final small instructions */
.video-guide-box{
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  color:#fff;
  transition:border-color .25s ease, box-shadow .25s ease, transform .25s ease, filter .25s ease;
}
.video-guide-box:hover{
  border-color:rgb(157 108 255 / .72);
  box-shadow:0 0 0 1px rgb(157 108 255 / .28),0 0 34px rgb(157 108 255 / .32),0 18px 48px rgb(0 0 0 / .32);
  transform:translateY(-2px);
}
.video-guide-box:hover .video-play{
  transform:scale(1.08);
  background:rgb(157 108 255 / .95);
  box-shadow:0 0 0 8px rgb(157 108 255 / .18),0 0 42px rgb(157 108 255 / .82);
}
.video-play{
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
}
.final-help-text{
  max-width:560px;
  margin:12px auto 0;
  color:#aeb8d2;
  font-size:13px;
  line-height:1.45;
}
.final-help-text b{color:#fff}

@media(max-width:520px){
  .video-guide-box:hover{transform:none}
  .final-help-text{
    margin-top:9px;
    font-size:10.8px;
    line-height:1.35;
    max-width:92%;
  }
}

/* ===== Final fix: compact 16:9 YouTube video guide box ===== */
.video-guide-box{
  width: min(380px, 100%) !important;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  border-radius: 18px !important;
  padding: 16px 14px 30px !important;
}
.video-play{
  width: 46px !important;
  height: 46px !important;
  font-size: 18px !important;
  margin-bottom: 3px !important;
}
.video-label{
  font-size: 10.5px !important;
  letter-spacing: 1.2px !important;
}
.video-guide-box h3{
  font-size: 17px !important;
  line-height: 1.05 !important;
  margin-top: 4px !important;
}
.video-bottom{
  height: 26px !important;
  font-size: 11.5px !important;
  padding: 0 12px !important;
}

@media(max-width:520px){
  .video-guide-box{
    width: min(320px, 100%) !important;
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
    padding: 13px 12px 28px !important;
    border-radius: 16px !important;
  }
  .video-play{
    width: 40px !important;
    height: 40px !important;
    font-size: 16px !important;
  }
  .video-label{font-size:9px !important}
  .video-guide-box h3{font-size:15px !important}
  .video-bottom{height:24px !important;font-size:10px !important;padding:0 10px !important}
}

@media(max-width:360px){
  .video-guide-box{
    width: min(292px, 100%) !important;
  }
}


/* ===== Glitch fixes: first tap + modal background scroll lock ===== */
html.modal-open,
body.modal-open{
  overflow: hidden !important;
  height: 100% !important;
  overscroll-behavior: none !important;
}
body.modal-open{
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
}
.app-card{
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}
.modal{
  overscroll-behavior: none;
}
.modal-panel{
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

/* === Modal scroll + device selection cleanup fix === */
html.modal-open,
body.modal-open {
  overflow: hidden !important;
  height: 100% !important;
}
body.modal-open {
  position: fixed !important;
  width: 100% !important;
  left: 0 !important;
  right: 0 !important;
}
.modal.active {
  height: 100dvh !important;
  overflow: hidden !important;
  overscroll-behavior: contain !important;
}
.modal-panel {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  max-height: calc(100dvh - 36px) !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
}
.modal-panel.offer-guide-mode {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  max-height: calc(100dvh - 36px) !important;
}
.device-option span {
  display: none !important;
}
.device-option div {
  display: flex;
  align-items: center;
  min-height: 24px;
}

@media(max-width:520px){
  .modal.active {
    align-items: flex-start !important;
    padding: 8px !important;
  }
  .modal-panel,
  .modal-panel.offer-guide-mode {
    max-height: calc(100dvh - 16px) !important;
  }
}

/* ===== Clean App Store Dark Theme Override ===== */
:root{
  --bg:#0a0e16;
  --line:rgba(255,255,255,.09);
  --muted:#9da8c5;
  --banana:#6be7c8;
  --green:#7ef0d2;
  --blue:#76c9ff;
  --purple:#8d85ff;
  --red:#ff667d;
}
body{
  background:
    radial-gradient(circle at 12% 10%,rgba(118,201,255,.10),transparent 24%),
    radial-gradient(circle at 85% 14%,rgba(107,231,200,.09),transparent 26%),
    radial-gradient(circle at 50% 100%,rgba(141,133,255,.08),transparent 30%),
    linear-gradient(180deg,#0a0e16 0%,#0d1320 46%,#090d14 100%)!important;
  color:#f5f8ff;
}
body:before{
  background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px)!important;
  background-size:44px 44px!important;
  opacity:.55;
}
.orb{opacity:.18;filter:blur(88px)}
header,
.hero-panel,
.activity-wrap,
.box,
.app-card,
.modal-panel,
.featured-app,
.metric,
.device-option,
.range-wrap,
.console,
.last-step,
.notice,
.verify-alert,
.verify-step,
.verify-mini-row span,
.offer-guide-box,
.verify-stat{
  background:rgba(16,22,36,.82)!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:0 16px 44px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(18px)!important;
}
header{
  border-radius:24px!important;
  background:rgba(14,20,32,.88)!important;
}
.logo{
  background:linear-gradient(145deg,#0f1727,#182237 52%,#0d1524)!important;
  border:1px solid rgba(126,240,210,.38)!important;
  box-shadow:0 12px 28px rgba(126,240,210,.12),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.logo:before{content:"🍌";font-size:30px}
.search input{
  background:rgba(8,12,21,.82)!important;
  border-color:rgba(255,255,255,.08)!important;
}
.server-pill{
  background:rgba(126,240,210,.10)!important;
  border-color:rgba(126,240,210,.18)!important;
  color:#bff8e8!important;
}
.sound-toggle,
.btn-ghost,
.filter-btn{
  background:rgba(255,255,255,.05)!important;
  border-color:rgba(255,255,255,.08)!important;
}
.hero h1,
.section-head h2,
.modal-head h2,
.app-card h3,
.featured-app h3,
.last-step h3,
.last-step h4{
  color:#f6f8ff!important;
}
.hero h2 span,
.section-head h2 span,
.last-step .last-step-header p strong{color:#7ef0d2!important;text-shadow:none!important}
.hero p,
.section-head p,
.app-card p,
.featured-app p,
.metric span,
.modal-head p,
.notice,
.final-help-text{color:#9da8c5!important}
.btn,
.last-btn,
.final-click-btn,
.cta-btn,
button[type="submit"],
#offerLink{
  background:linear-gradient(135deg,#7ef0d2,#76c9ff)!important;
  color:#08111a!important;
  box-shadow:0 14px 34px rgba(118,201,255,.18)!important;
}
.btn:hover,
.last-btn:hover,
.final-click-btn:hover,
.cta-btn:hover,
button[type="submit"]:hover{
  transform:translateY(-2px);
  filter:brightness(1.02);
}
.app-card:hover,
.device-option:hover,
.filter-btn:hover,
.featured-app:hover{
  border-color:rgba(126,240,210,.28)!important;
  background:rgba(18,25,41,.92)!important;
  transform:translateY(-4px);
}
.filter-btn.active,
.device-option.active,
.resource-chip.active,
.choice.active{
  background:rgba(126,240,210,.12)!important;
  border-color:rgba(126,240,210,.34)!important;
  color:#f6fbff!important;
}
.badge-generator{
  color:#d6fff3!important;
  background:rgba(126,240,210,.12)!important;
  border-color:rgba(126,240,210,.18)!important;
}
.badge-mod{
  color:#ddebff!important;
  background:rgba(118,201,255,.12)!important;
  border-color:rgba(118,201,255,.18)!important;
}
.rating,
.last-step .secure-note,
.verify-stat.live strong,
.console .ok,
.status-ok,
.success,
.highlight{color:#7ef0d2!important}
.verify-stat.expires strong,
.warning,
.console .warn{color:#ffd36f!important}
.verify-stat.limited strong,
.console .err,
.error{color:#ff8ca1!important}
.modal-panel{
  background:linear-gradient(180deg,rgba(13,19,32,.98),rgba(7,11,18,.99))!important;
}
.modal{
  background:rgba(3,6,12,.72)!important;
}
.close{
  background:rgba(255,255,255,.06)!important;
  border-color:rgba(255,255,255,.10)!important;
}
.console,
.sx-terminal,
.verify-alert,
.last-step{
  border-radius:24px!important;
}
.console,
.sx-terminal{
  background:rgba(5,9,17,.86)!important;
}
.bar-wrap,
.progress-track,
.progress-shell{background:rgba(255,255,255,.06)!important}
.bar,
.progress-fill,.sx-progress,.progress-shell .fill{background:linear-gradient(90deg,#7ef0d2,#76c9ff)!important}
.final-title{border-left-color:#7ef0d2!important}
.final-subtext{color:#aeb7ca!important}
.video-guide-box{
  background:linear-gradient(180deg,rgba(8,12,22,.95),rgba(10,16,28,.98))!important;
  border-color:rgba(255,255,255,.08)!important;
}
.video-guide-box:hover{
  border-color:rgba(118,201,255,.35)!important;
  box-shadow:0 0 0 1px rgba(118,201,255,.16),0 0 24px rgba(118,201,255,.12),0 18px 44px rgba(0,0,0,.30)!important;
}
.video-play{background:rgba(118,201,255,.90)!important;color:#08111a!important;box-shadow:0 0 0 8px rgba(118,201,255,.12)!important}
.watch-first{background:rgba(118,201,255,.07)!important;border-color:rgba(118,201,255,.20)!important;color:#cfe8ff!important}
input,select,textarea{
  color:#f4f7ff!important;
  background:rgba(8,12,21,.82)!important;
  border-color:rgba(255,255,255,.08)!important;
}
::placeholder{color:#8090b2!important}
@media(max-width:900px){
  header{gap:12px}
  .hero{gap:18px}
}