@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--saf-green:#30b54a;--saf-green-soft:#30b54a1f;--saf-green-accent:#1e8c36;--saf-green-glow:#30b54a40;--bg-body:#fff;--bg-main:#fff;--bg-card:#f7fdf8;--bg-sheet:#fff;--bg-pay-opt:#30b54a08;--bg-tab:transparent;--text-main:#0d1f0f;--text-muted:#0d1f0f80;--text-dim:#0d1f0f59;--text-tab:#0d1f0f73;--border:#30b54a33;--banner-fade:#fff;--handle-color:#30b54a40;--prog-track:#30b54a1f;--feat-color:#0d1f0fbf;--ring-track:#30b54a26;--error-red:#dc2626;--error-soft:#dc262614;--error-border:#dc262659}[data-theme=dark]{--saf-green:#00c853;--saf-green-soft:#00c85324;--saf-green-accent:#00a87a;--saf-green-glow:#00c85359;--bg-body:#08080f;--bg-main:#0f0f1a;--bg-card:linear-gradient(135deg, #0d2a1a, #0d2040);--bg-sheet:#16162a;--bg-pay-opt:#ffffff0a;--bg-tab:transparent;--text-main:#fff;--text-muted:#ffffff6b;--text-dim:#ffffff47;--text-tab:#ffffff80;--border:#ffffff14;--banner-fade:#0f0f1a;--handle-color:#ffffff2e;--prog-track:#ffffff12;--feat-color:#fffc;--ring-track:#00c8532e;--error-red:#ef4444;--error-soft:#ef444424;--error-border:#ef444473}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg-body);font-size:16px}body{background:var(--bg-body);color:var(--text-main);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);min-height:100vh;font-family:Inter,system-ui,sans-serif}button{cursor:pointer;font-family:inherit}button:focus-visible{box-shadow:0 0 0 3px var(--saf-green-glow);outline:none}.phone{background:var(--bg-main);width:100%;max-width:420px;min-height:100vh;margin:0 auto;position:relative;overflow-x:hidden}.screen{width:100%;padding-bottom:calc(100px + env(safe-area-inset-bottom))}.logo-parent{justify-content:center;align-items:center;padding:24px 0 16px;display:flex}.logo-img{width:140px;height:auto;display:block}.banner-wrap{aspect-ratio:16/7;width:100%;position:relative;overflow:hidden}.banner-img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.banner-fade{background:linear-gradient(to bottom, transparent, var(--banner-fade));pointer-events:none;height:48px;position:absolute;bottom:0;left:0;right:0}.prod-card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;margin:12px;padding:20px 20px 16px;position:relative;overflow:hidden}[data-theme=light] .prod-card{box-shadow:0 2px 16px #30b54a14}[data-theme=dark] .prod-card{background:linear-gradient(135deg,#0d2a1a,#0d2040)}.prod-glow{background:radial-gradient(circle, var(--saf-green-soft), transparent 70%);pointer-events:none;border-radius:50%;width:180px;height:180px;position:absolute;top:-50px;right:-30px}.prod-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.prod-icon{font-size:20px}.prod-name{color:var(--text-main);font-size:18px;font-weight:800;line-height:1.2}.prod-content{text-align:center;color:var(--text-main);margin-bottom:6px;font-size:18px;font-weight:700;line-height:1.4}.prod-content-price{text-align:center;color:var(--saf-green);margin-bottom:10px;font-size:15px;font-weight:600}.prod-content-desc{color:var(--text-muted);text-align:center;padding:0 4px;font-size:12px;font-weight:400;line-height:1.55}.dur-badge{color:#b45309;white-space:nowrap;background:#fbbf241a;border:1px solid #fbbf2438;border-radius:20px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:600;display:flex}[data-theme=dark] .dur-badge{color:#fbbf24}.price-row{justify-content:center;align-items:baseline;gap:6px;margin:8px 0 12px;display:flex}.price-big{color:var(--saf-green);font-feature-settings:"tnum";letter-spacing:-.5px;font-size:24px;font-weight:900}.price-lbl{color:var(--text-muted);font-size:14px}.feat-grid{flex-direction:column;gap:6px;display:flex}.feat{color:var(--feat-color);background:#30b54a0a;border-radius:10px;align-items:flex-start;gap:8px;padding:8px 10px;font-size:12px;font-weight:500;line-height:1.45;display:flex}[data-theme=dark] .feat{background:#ffffff0a}.tick{background:var(--saf-green-soft);width:17px;height:17px;color:var(--saf-green);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:9px;font-weight:700;display:flex}.terms-wrap{text-align:center;margin:8px 16px 4px}.terms-link{color:var(--saf-green);font-size:12px;font-weight:700;text-decoration:none}.terms-link:hover{text-decoration:underline}.terms-desc{color:var(--text-muted);margin-top:4px;font-size:11px;font-weight:400;line-height:1.5}.sec{padding:8px 16px 6px}.pay-row{gap:10px;display:flex}.pay-row .pay-opt{flex:1;margin-bottom:0}.sec-lbl{letter-spacing:1.1px;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;font-size:10px;font-weight:700}.tabs{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{border:1.5px solid var(--border);color:var(--text-tab);background:var(--bg-tab);cursor:pointer;white-space:nowrap;border-radius:20px;flex-shrink:0;padding:8px 14px;font-size:12px;font-weight:600;line-height:1.3;transition:border-color .15s,color .15s,background .15s}.tab:hover:not(.active){border-color:var(--saf-green);color:var(--saf-green)}.tab.active{background:linear-gradient(135deg, var(--saf-green), var(--saf-green-accent));color:#fff;border-color:#0000}.pay-opt{background:var(--bg-pay-opt);border:1.5px solid var(--border);cursor:pointer;border-radius:16px;align-items:center;gap:12px;margin-bottom:8px;padding:13px 14px;transition:border-color .15s,background .15s;display:flex}.pay-opt:last-child{margin-bottom:0}.pay-opt:hover:not(.sel){border-color:var(--saf-green)}.pay-opt.sel{border-color:var(--saf-green);background:var(--saf-green-soft);box-shadow:0 0 0 1px var(--saf-green-soft)}.radio{border:2px solid var(--border);border-radius:50%;flex-shrink:0;width:20px;height:20px;transition:border-color .15s}.pay-opt.sel .radio{border-color:var(--saf-green);background:radial-gradient(circle, var(--saf-green) 44%, transparent 45%);box-shadow:0 0 0 3px var(--saf-green-soft)}.pay-ico{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:10px;height:10px;font-size:20px;display:flex}.air-bg{background:var(--saf-green-soft)}.mp-bg{background:#00b4501a}.pay-name{color:var(--text-main);font-size:14px;font-weight:700;line-height:1.3}.pay-desc{color:var(--text-muted);margin-top:1px;font-size:11px;font-weight:500;line-height:1.4}.quick-tag{background:var(--saf-green-soft);color:var(--saf-green);border:1px solid var(--saf-green-soft);white-space:nowrap;border-radius:20px;flex-shrink:0;margin-left:auto;padding:3px 8px;font-size:10px;font-weight:700}.cta-bar{width:100%;max-width:420px;padding:10px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--bg-main) 80%, transparent);z-index:1000;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.sub-btn{background:linear-gradient(135deg, var(--saf-green), var(--saf-green-accent));color:#fff;letter-spacing:.2px;width:100%;box-shadow:0 8px 24px var(--saf-green-glow);border:none;border-radius:16px;padding:16px;font-size:16px;font-weight:900;transition:opacity .15s,transform .1s}.sub-btn:hover{opacity:.92}.sub-btn:active{transform:scale(.985)}.loading-screen{min-height:60vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:14px;display:flex}.loading-spinner{border:3px solid var(--saf-green-soft);border-top-color:var(--saf-green);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.overlay{-webkit-backdrop-filter:blur(6px);z-index:200;background:#00000080;position:fixed;inset:0}[data-theme=light] .overlay{background:#0000004d}.sheet{background:var(--bg-sheet);width:100%;max-width:420px;padding:0 22px calc(32px + env(safe-area-inset-bottom));border-top:1px solid var(--border);z-index:1100;border-radius:28px 28px 0 0;transition:transform .46s cubic-bezier(.34,1.25,.64,1);position:fixed;bottom:0;left:50%;transform:translate(-50%)translateY(108%);box-shadow:0 -4px 40px #0000001a}.sheet.show{transform:translate(-50%)translateY(0)}@media (max-width:480px){.sheet{max-width:none;left:0;transform:translateY(108%)}.sheet.show{transform:translateY(0)}}.handle{background:var(--handle-color);border-radius:2px;width:36px;height:4px;margin:12px auto 20px}.stt{text-align:center;flex-direction:column;align-items:center;display:flex}.spin-wrap{width:80px;height:80px;margin-bottom:16px;position:relative}.ring1,.ring2{border:3px solid var(--ring-track);border-radius:50%;animation:.9s linear infinite spin;position:absolute;inset:0}.ring1{border-top-color:var(--saf-green)}.ring2{border-bottom-color:var(--saf-green-accent);animation-duration:1.2s;animation-direction:reverse;inset:9px}.ring-inner{background:var(--saf-green-soft);border-radius:50%;justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex;position:absolute;inset:22px}.prog-wrap{background:var(--prog-track);border-radius:4px;width:100%;height:4px;margin:16px 0 6px;overflow:hidden}.prog-fill{background:linear-gradient(90deg, var(--saf-green), var(--saf-green-accent));border-radius:4px;width:0%;height:100%;transition:width .32s linear}.stt-title{color:var(--text-main);margin-bottom:4px;font-size:17px;font-weight:800}.stt-sub{color:var(--text-muted);font-size:12px;font-weight:500;line-height:1.5}.prog-lbl{color:var(--text-dim);min-height:16px;margin-top:4px;font-size:11px}.check-circle{background:var(--saf-green-soft);border:2px solid var(--saf-green);width:72px;height:72px;color:var(--saf-green);border-radius:50%;justify-content:center;align-items:center;margin-bottom:14px;font-size:30px;animation:.4s cubic-bezier(.34,1.6,.64,1) popIn;display:flex}.success-title{color:var(--text-main);margin-bottom:6px;font-size:20px;font-weight:900}.success-sub{color:var(--text-muted);margin-bottom:18px;font-size:12px;font-weight:500;line-height:1.55}.done-btn{background:linear-gradient(135deg, var(--saf-green), var(--saf-green-accent));color:#fff;border:none;border-radius:14px;width:100%;padding:14px;font-size:15px;font-weight:800;transition:opacity .15s}.done-btn:hover{opacity:.9}.error-wrap{text-align:center}.error-icon{background:var(--error-soft);border:2px solid var(--error-border);width:72px;height:72px;color:var(--error-red);border-radius:50%;justify-content:center;align-items:center;margin-bottom:14px;font-size:30px;font-weight:900;animation:.4s cubic-bezier(.34,1.6,.64,1) popIn;display:flex}.error-title{color:var(--text-main);margin-bottom:5px;font-size:17px;font-weight:900}.error-sub{color:var(--text-muted);margin-bottom:18px;font-size:12px;font-weight:500;line-height:1.5}.error-hint{color:var(--text-dim);margin-bottom:18px;font-size:11px;line-height:1.5}.retry-btn{background:linear-gradient(135deg, var(--saf-green), var(--saf-green-accent));color:#fff;border:none;border-radius:14px;width:100%;margin-bottom:10px;padding:14px;font-size:15px;font-weight:800;transition:opacity .15s}.retry-btn:hover{opacity:.9}.change-pay-btn{border:1.5px solid var(--border);width:100%;color:var(--text-muted);background:0 0;border-radius:14px;padding:12px;font-size:14px;font-weight:600;transition:border-color .15s,color .15s}.change-pay-btn:hover{border-color:var(--saf-green);color:var(--saf-green)}.pay-opt.error{border-color:var(--error-border);background:var(--error-soft)}.sub-btn.disabled{opacity:.5;pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes errorPop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}