*{box-sizing:border-box;margin:0;padding:0}:root{--whatsapp-green:#25d366;--whatsapp-dark-green:#128c7e;--whatsapp-teal:#075e54;--whatsapp-light-green:#dcf8c6;--glow-green:0 0 20px #25d36666;--glow-strong:0 0 40px #25d36699}:root,[data-theme=dark]{--bg-primary:#111b21;--bg-secondary:#202c33;--bg-tertiary:#2a3942;--text-primary:#e9edef;--text-secondary:#8696a0;--border-color:#222d34;--accent-gradient:linear-gradient(135deg,#25d366,#128c7e 50%,#075e54)}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f5f5f5;--bg-tertiary:#e8e8e8;--text-primary:#1a1a1a;--text-secondary:#666;--border-color:#d0d0d0;--accent-gradient:linear-gradient(135deg,#25d366,#128c7e 50%,#075e54)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#111b21;background:var(--bg-primary);color:#e9edef;color:var(--text-primary);font-family:Inter,Noto Sans Devanagari,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden}html[lang=hi]{font-family:Noto Sans Devanagari,Inter,sans-serif}html[lang=hi] .code-instructions h3,html[lang=hi] .feature-card h3,html[lang=hi] .hero-title,html[lang=hi] .qr-instructions h3{line-height:1.4}html[lang=hi] .tab-btn{font-size:14px}html[lang=hi] .code-instructions li,html[lang=hi] .hero-subtitle,html[lang=hi] .qr-instructions li{line-height:1.7}html{scroll-behavior:smooth}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#202c33;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#128c7e;background:var(--whatsapp-dark-green);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#25d366;background:var(--whatsapp-green)}::selection{background:#25d366;background:var(--whatsapp-green);color:#111b21;color:var(--bg-primary)}[data-theme=light] ::selection{background:#25d366;background:var(--whatsapp-green);color:#fff}@keyframes glow{0%,to{box-shadow:0 0 20px #25d36666;box-shadow:var(--glow-green)}50%{box-shadow:0 0 40px #25d36699;box-shadow:var(--glow-strong)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-shimmer{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);background-size:200% 100%}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.glass{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#202c33b3;border:1px solid #ffffff1a}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#25d366,#128c7e 50%,#075e54);background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#25d366,#128c7e 50%,#075e54);background:var(--accent-gradient);box-shadow:0 0 20px #25d36666;box-shadow:var(--glow-green);color:#fff}.btn-primary:hover{box-shadow:0 0 40px #25d36699;box-shadow:var(--glow-strong);transform:translateY(-2px)}.btn-secondary{background:#2a3942;background:var(--bg-tertiary);border:1px solid #222d34;border:1px solid var(--border-color);color:#e9edef;color:var(--text-primary)}.btn-secondary:hover{background:#202c33;background:var(--bg-secondary);border-color:#25d366;border-color:var(--whatsapp-green)}.input{background:#2a3942;background:var(--bg-tertiary);border:2px solid #222d34;border:2px solid var(--border-color);border-radius:12px;color:#e9edef;color:var(--text-primary);font-size:16px;outline:none;padding:14px 18px;transition:all .3s ease;width:100%}.input:focus{border-color:#25d366;border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a}.input::placeholder{color:#8696a0;color:var(--text-secondary)}.card{background:#202c33;background:var(--bg-secondary);border:1px solid #222d34;border:1px solid var(--border-color);border-radius:20px;overflow:hidden;transition:all .3s ease}.card:hover{border-color:#128c7e;border-color:var(--whatsapp-dark-green);box-shadow:0 20px 40px #0000004d;transform:translateY(-4px)}.bg-pattern{background-image:radial-gradient(circle at 25% 25%,#25d366 2px,#0000 0),radial-gradient(circle at 75% 75%,#25d366 2px,#0000 0);background-image:radial-gradient(circle at 25% 25%,var(--whatsapp-green) 2px,#0000 2px),radial-gradient(circle at 75% 75%,var(--whatsapp-green) 2px,#0000 2px);background-size:60px 60px;height:100%;left:0;opacity:.03;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.language-switcher{position:relative;z-index:100}.language-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#2a394299;border:1px solid #ffffff1a;border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .3s ease}.language-btn.active,.language-btn:hover{background:#2a3942e6;border-color:var(--whatsapp-green)}.language-btn svg{color:var(--whatsapp-green)}.current-lang{min-width:50px;text-align:left}.chevron{color:var(--text-secondary);transition:transform .3s ease}.chevron.rotated{transform:rotate(180deg)}.language-dropdown{animation:dropdownFadeIn .2s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#202c33f2;border:1px solid #ffffff1a;border-radius:14px;box-shadow:0 10px 40px #0006;min-width:180px;padding:8px;position:absolute;right:0;top:calc(100% + 8px)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.language-option{align-items:center;background:#0000;border:none;border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 14px;text-align:left;transition:all .2s ease;width:100%}.language-option:hover{background:#25d3661a}.language-option.selected{background:#25d36626}.lang-native{flex:1 1;font-weight:600}.lang-name{color:var(--text-secondary);font-size:12px}.check-icon{color:var(--whatsapp-green);margin-left:auto}@media (max-width:768px){.language-btn{font-size:13px;padding:8px 12px}.current-lang{min-width:40px}.language-dropdown{min-width:160px}.language-option{padding:10px 12px}}@media (max-width:480px){.language-btn{gap:6px;padding:8px 10px}.language-btn .current-lang{display:none}.language-dropdown{right:-10px}}.app-container{min-height:100vh;overflow:hidden;position:relative}.animated-bg{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:0}.gradient-orb{animation:float 8s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.5;position:absolute}.orb-1{animation-delay:0s;background:radial-gradient(circle,#25d36666 0,#0000 70%);height:600px;right:-200px;top:-200px;width:600px}.orb-2{animation-delay:-2s;background:radial-gradient(circle,#128c7e4d 0,#0000 70%);bottom:-150px;height:500px;left:-150px;width:500px}.orb-3{animation-delay:-4s;background:radial-gradient(circle,#075e5466 0,#0000 70%);height:400px;left:50%;top:50%;transform:translate(-50%,-50%);width:400px}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.05)}}.main-content{display:flex;flex-direction:column;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px;position:relative;z-index:1}.header{justify-content:space-between;margin-bottom:20px;padding:20px 0}.header,.logo{align-items:center;display:flex}.logo{gap:12px}.logo-icon{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:14px;box-shadow:0 8px 24px #25d3664d;color:#fff;display:flex;height:48px;justify-content:center;transition:transform .3s ease,box-shadow .3s ease;width:48px}.logo-icon:hover{box-shadow:0 12px 32px #25d36666;transform:scale(1.05) rotate(-5deg)}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#25d366,#fff);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700}.nav-links{display:flex;gap:32px}.nav-links a{color:var(--text-secondary);font-size:15px;font-weight:500;padding:8px 0;position:relative;text-decoration:none;transition:color .3s ease}.nav-links a:after{background:var(--whatsapp-green);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-links a:hover{color:var(--whatsapp-green)}.nav-links a:hover:after{width:100%}.header-new{margin-bottom:16px}.header-top{justify-content:space-between;padding:16px 0}.header-top,.logo-new{align-items:center;display:flex}.logo-new{gap:10px}.logo-icon-new{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:12px;box-shadow:0 4px 12px #25d3664d;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.logo-text-new{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#25d366,#fff);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700}.header-right{gap:12px}.header-right,.theme-toggle{align-items:center;display:flex}.theme-toggle{-webkit-tap-highlight-color:transparent;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;height:40px;justify-content:center;padding:0;transition:all .3s ease;width:40px}.theme-toggle:hover{background:var(--bg-secondary);border-color:var(--whatsapp-green);color:var(--whatsapp-green);transform:scale(1.05)}.theme-toggle:active{transform:scale(.95)}.theme-toggle svg{transition:transform .3s ease}.theme-toggle:hover svg{transform:rotate(15deg)}@media (max-width:480px){.theme-toggle{height:36px;width:36px}}.register-btn-new{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:10px;box-shadow:0 4px 12px #25d3664d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 18px;transition:all .3s ease}.register-btn-new:hover{box-shadow:0 6px 20px #25d36666;transform:translateY(-2px)}.balance-withdraw-btn{align-items:center;background:linear-gradient(135deg,#25d36626,#128c7e1a);border:1px solid #25d3664d;border-radius:12px;cursor:pointer;display:flex;gap:0;overflow:hidden;padding:0;transition:all .3s ease}.balance-withdraw-btn:hover{border-color:var(--whatsapp-green);box-shadow:0 4px 16px #25d36633}.balance-display{border-right:1px solid #25d36633;color:gold;font-size:15px;font-weight:700;gap:4px}.balance-display,.withdraw-action{align-items:center;display:flex;padding:10px 14px}.withdraw-action{color:var(--whatsapp-green);font-size:13px;font-weight:600;gap:6px}.withdraw-action:hover{background:#25d3661a}.logout-btn-new{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.logout-btn-new:hover{background:#f443361a;border-color:#f443364d;color:#f44336}.slogan-banner{background:linear-gradient(135deg,#25d36626,#128c7e1a);border:1px solid #25d36633;border-radius:12px;margin-bottom:8px;padding:12px 16px}.slogan-content{gap:12px;justify-content:center}.slogan-content,.slogan-icon{align-items:center;display:flex}.slogan-icon{color:var(--whatsapp-green)}.slogan-text{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.slogan-highlight{color:var(--whatsapp-green);font-size:15px;font-weight:700}.slogan-divider{color:#ffffff4d}.slogan-earning{align-items:center;color:gold;display:flex;font-size:14px;font-weight:600;gap:2px}@media (max-width:768px){.header-top{padding:12px 0}.logo-icon-new{height:36px;width:36px}.logo-text-new{font-size:20px}.register-btn-new{font-size:13px;padding:8px 14px}.slogan-banner{padding:10px 12px}.slogan-highlight{font-size:13px}.slogan-earning{font-size:12px}}@media (max-width:480px){.register-btn-new span{display:none}.register-btn-new{padding:10px}.slogan-text{gap:6px}.slogan-divider{display:none}.slogan-earning,.slogan-highlight{font-size:12px}.balance-display{font-size:13px;padding:8px 10px}.withdraw-action span{display:none}.withdraw-action{padding:8px 10px}}.hero{padding:40px 0;text-align:center}.hero-title{font-size:clamp(36px,6vw,64px);font-weight:700;line-height:1.1;margin-bottom:20px}.hero-title .gradient-text{-webkit-text-fill-color:#0000;animation:shimmer 3s linear infinite;background:linear-gradient(135deg,#25d366,#dcf8c6 50%,#25d366);-webkit-background-clip:text;background-clip:text;background-size:200% auto}@keyframes shimmer{0%{background-position:0}to{background-position:200%}}.hero-subtitle{color:var(--text-secondary);font-size:18px;line-height:1.6;margin:0 auto;max-width:500px}.pairing-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#202c33cc;border:1px solid #ffffff14;border-radius:28px;box-shadow:0 4px 24px #0000004d,0 0 80px #25d3661a,inset 0 1px 0 #ffffff0d;margin:0 auto;max-width:520px;padding:32px;transition:transform .3s ease,box-shadow .3s ease}.pairing-card:hover{box-shadow:0 8px 40px #0006,0 0 100px #25d36626,inset 0 1px 0 #ffffff0d;transform:translateY(-4px)}.tab-switcher{background:var(--bg-tertiary);border-radius:16px;margin-bottom:28px;padding:6px}.tab-btn,.tab-switcher{display:flex;position:relative}.tab-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:12px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .3s ease;z-index:1}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:#fff}.tab-indicator{background:linear-gradient(135deg,#25d366,#128c7e);border-radius:12px;box-shadow:0 4px 16px #25d3664d;height:calc(100% - 12px);position:absolute;top:6px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:calc(50% - 6px)}.tab-indicator.qr{left:6px;transform:translateX(0)}.tab-indicator.code{left:6px;transform:translateX(100%)}.tab-content{min-height:400px}.qr-section{text-align:center}.qr-code-wrapper{display:inline-block;margin-bottom:28px;position:relative}.qr-code{background:#fff;border-radius:20px;box-shadow:0 8px 32px #0003;height:220px;padding:16px;position:relative;width:220px}.qr-pattern{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(15,1fr);height:100%;width:100%}.qr-cell{background:#e0e0e0;border-radius:2px}.qr-cell.filled{background:#1a1a1a}.qr-logo{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:12px;box-shadow:0 4px 12px #25d36666;color:#fff;display:flex;height:50px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50px}.qr-glow{animation:pulse 2s ease-in-out infinite;background:radial-gradient(circle,#25d3664d 0,#0000 70%);border-radius:30px;bottom:-20px;left:-20px;position:absolute;right:-20px;top:-20px;z-index:-1}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.qr-instructions{background:var(--bg-tertiary);border-radius:16px;padding:20px;text-align:left}.qr-instructions h3{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:16px}.qr-instructions ol{counter-reset:step;list-style:none}.qr-instructions li{align-items:center;border-bottom:1px solid #ffffff0d;color:var(--text-secondary);counter-increment:step;display:flex;font-size:14px;gap:12px;padding:10px 0}.qr-instructions li:last-child{border-bottom:none}.qr-instructions li:before{align-items:center;background:linear-gradient(135deg,#25d36633,#128c7e33);border-radius:8px;color:var(--whatsapp-green);content:counter(step);display:flex;flex-shrink:0;font-size:13px;font-weight:600;height:28px;justify-content:center;width:28px}.code-section{padding-top:0;text-align:center}.code-display{align-items:center;background:linear-gradient(135deg,#25d3661a,#128c7e0d);border:2px solid #25d36633;border-radius:20px;display:flex;justify-content:center;margin-bottom:24px;min-height:120px;overflow:hidden;padding:40px 24px;position:relative}.code-display:before{animation:shine 3s infinite;background:linear-gradient(90deg,#0000,#25d3661a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shine{0%{left:-100%}50%,to{left:100%}}.code-value{align-items:center;display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.code-value .digit{color:var(--text-primary);font-family:SF Mono,Menlo,monospace;font-size:48px;font-weight:700;text-shadow:0 0 30px #25d36680}.code-value .separator{color:var(--whatsapp-green);font-size:48px;font-weight:300;margin:0 8px}.code-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:16px}.code-loading .spinning{animation:spin 1s linear infinite;color:var(--whatsapp-green)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.code-connected{align-items:center;color:var(--whatsapp-green);display:flex;flex-direction:column;gap:12px}.code-connected svg{animation:checkmark .5s ease-out}@keyframes checkmark{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.status-message{background:#25d3661a;border:1px solid #25d3664d;border-radius:12px;color:var(--text-secondary);font-size:14px;margin-bottom:16px;padding:12px 16px;text-align:center}.code-failed{align-items:center;color:#f44336;display:flex;flex-direction:column;gap:12px}.code-failed .failed-icon{font-size:48px;font-weight:700}.code-timeout{align-items:center;color:#ff9800;display:flex;flex-direction:column;gap:12px}.code-timeout svg{animation:none}.code-actions{display:flex;gap:12px;justify-content:center;margin-bottom:20px}.action-btn{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;touch-action:manipulation;transition:all .3s ease}.action-btn:disabled{cursor:not-allowed;opacity:.5}.copy-btn{background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 4px 16px #25d3664d;color:#fff}.copy-btn:hover:not(:disabled){box-shadow:0 8px 24px #25d36666;transform:translateY(-2px)}.copy-btn:active:not(:disabled){transform:translateY(0)}.refresh-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.refresh-btn:hover:not(:disabled){background:#25d3661a;border-color:var(--whatsapp-green)}.refresh-btn:active:not(:disabled){transform:scale(.98)}.refresh-btn .spinning{animation:spin 1s linear infinite}.countdown{margin-bottom:24px}.countdown-bar{background:var(--bg-tertiary);border-radius:2px;height:4px;margin-bottom:8px;overflow:hidden}.countdown-progress{background:linear-gradient(90deg,#25d366,#128c7e);border-radius:2px;height:100%;transition:width 1s linear}.countdown-text{color:var(--text-secondary);font-size:13px}.pairing-withdraw-notice{align-items:flex-start;background:linear-gradient(135deg,#25d3661a,#128c7e1a);border:1.5px solid #25d3664d;border-radius:14px;display:flex;gap:12px;margin-bottom:20px;overflow:hidden;padding:16px;position:relative}.pairing-withdraw-notice:before{animation:shimmer-notice 3s infinite;background:linear-gradient(90deg,#0000,#25d3661a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.pairing-notice-icon{align-items:center;background:#25d36626;border-radius:10px;color:var(--whatsapp-green);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.pairing-notice-content{flex:1 1}.pairing-notice-title{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:6px}.pairing-notice-title svg{color:var(--whatsapp-green);flex-shrink:0}.pairing-notice-text{color:var(--text-secondary);font-size:12px;line-height:1.5;margin:0}[data-theme=light] .pairing-withdraw-notice{background:linear-gradient(135deg,#25d36614,#128c7e14);border-color:#25d36640}[data-theme=light] .pairing-notice-icon{background:#25d3661f}@media (max-width:480px){.pairing-withdraw-notice{gap:10px;padding:14px}.pairing-notice-icon{height:32px;width:32px}.pairing-notice-title{font-size:13px}.pairing-notice-text{font-size:11px}}.code-instructions{background:var(--bg-tertiary);border-radius:16px;margin-bottom:20px;padding:20px;text-align:left}.code-instructions h3{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:16px}.code-instructions ol{counter-reset:step;list-style:none}.code-instructions li{align-items:center;border-bottom:1px solid #ffffff0d;color:var(--text-secondary);counter-increment:step;display:flex;font-size:14px;gap:12px;padding:10px 0}.code-instructions li:last-child{border-bottom:none}.code-instructions li:before{background:linear-gradient(135deg,#25d36633,#128c7e33);border-radius:8px;content:counter(step);flex-shrink:0;font-size:13px;height:28px;width:28px}.code-instructions li:before,.simulate-btn{align-items:center;color:var(--whatsapp-green);display:flex;font-weight:600;justify-content:center}.simulate-btn{-webkit-tap-highlight-color:transparent;background:#0000;border:2px dashed #25d3664d;border-radius:14px;cursor:pointer;font-size:15px;gap:10px;padding:16px;touch-action:manipulation;transition:all .3s ease;width:100%}.simulate-btn:hover{background:#25d3661a;border-style:solid;transform:translateX(4px)}.simulate-btn:active{transform:scale(.98)}.features{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:60px 0 40px}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#202c3399;border:1px solid #ffffff0d;border-radius:20px;padding:28px;transition:all .3s ease}.feature-card:hover{border-color:#25d3664d;box-shadow:0 20px 40px #0003;transform:translateY(-8px)}.feature-icon{align-items:center;background:linear-gradient(135deg,#25d36633,#128c7e33);border-radius:16px;color:var(--whatsapp-green);display:flex;height:56px;justify-content:center;margin-bottom:20px;transition:transform .3s ease;width:56px}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(-5deg)}.feature-card h3{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:10px}.feature-card p{color:var(--text-secondary);font-size:14px;line-height:1.6}.input-section{text-align:center}.section-header{margin-bottom:28px}.header-icon{align-items:center;background:linear-gradient(135deg,#25d36633,#128c7e33);border-radius:20px;color:var(--whatsapp-green);display:flex;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.section-header h2{color:var(--text-primary);font-size:22px;font-weight:700;margin-bottom:8px}.section-header p{color:var(--text-secondary);font-size:14px;line-height:1.5}.phone-form{margin-bottom:28px}.phone-input-group{display:flex;gap:10px;margin-bottom:16px}.country-select-wrapper{flex-shrink:0;position:relative}.country-select{appearance:none;-webkit-appearance:none;background:var(--bg-tertiary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238696A0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:2px solid var(--border-color);border-radius:14px;color:var(--text-primary);cursor:pointer;font-size:16px;font-weight:500;min-width:110px;padding:16px 40px 16px 16px;transition:all .3s ease}.country-select:focus{border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a;outline:none}.country-select:hover{border-color:var(--whatsapp-dark-green)}.country-select option{background:var(--bg-secondary);color:var(--text-primary);padding:12px}.phone-input-wrapper{flex:1 1;position:relative}.phone-input{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:14px;color:var(--text-primary);font-size:18px;font-weight:500;letter-spacing:1px;padding:16px 20px;transition:all .3s ease;width:100%}.phone-input:focus{border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a;outline:none}.phone-input::placeholder{color:var(--text-secondary);font-weight:400;letter-spacing:0}.phone-input.error{border-color:#f44336;box-shadow:0 0 0 3px #f443361a}.error-message{background:#f443361a;border:1px solid #f443364d;color:#f44336;padding:10px 14px;text-align:left}.submit-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:14px;box-shadow:0 4px 20px #25d3664d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;padding:18px 24px;transition:all .3s ease;width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 8px 30px #25d36666;transform:translateY(-2px)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.input-withdraw-notice{align-items:flex-start;background:linear-gradient(135deg,#25d36626,#128c7e26);border:2px solid #25d36666;border-radius:14px;box-shadow:0 4px 12px #25d36626;display:flex;gap:12px;margin:0 0 24px;overflow:hidden;padding:18px;position:relative}.input-withdraw-notice:before{animation:shimmer-notice 3s infinite;background:linear-gradient(90deg,#0000,#25d3661a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.input-notice-icon{align-items:center;animation:pulse-icon 2s ease-in-out infinite;background:#25d36633;border-radius:12px;color:var(--whatsapp-green);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.input-notice-content{flex:1 1;text-align:left}.input-notice-title{align-items:center;color:var(--text-primary);display:flex;font-size:15px;font-weight:700;gap:8px;justify-content:flex-start;margin-bottom:6px}.input-notice-title svg{color:var(--whatsapp-green);flex-shrink:0}.input-notice-text{color:var(--text-secondary);font-size:13px;line-height:1.6;margin:0}[data-theme=light] .input-withdraw-notice{background:linear-gradient(135deg,#25d36614,#128c7e14);border-color:#25d36640}[data-theme=light] .input-notice-icon{background:#25d3661f}[data-theme=light] .input-notice-text{color:#555}@media (max-width:480px){.input-withdraw-notice{gap:10px;padding:14px}.input-notice-icon{height:32px;width:32px}.input-notice-title{font-size:13px}.input-notice-text{font-size:11px}}.input-instructions{background:var(--bg-tertiary);border-radius:16px;padding:20px;text-align:left}.input-instructions h3{color:var(--text-primary);font-size:15px;font-weight:600;margin-bottom:14px}.input-instructions ol{counter-reset:step;list-style:none}.input-instructions li{align-items:center;border-bottom:1px solid #ffffff0d;color:var(--text-secondary);counter-increment:step;display:flex;font-size:13px;gap:12px;padding:8px 0}.input-instructions li:last-child{border-bottom:none}.input-instructions li:before{align-items:center;background:linear-gradient(135deg,#25d36633,#128c7e33);border-radius:8px;color:var(--whatsapp-green);content:counter(step);display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:26px;justify-content:center;width:26px}.back-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;margin:-8px -12px 16px;padding:8px 12px;transition:all .2s ease}.back-btn:hover{background:#25d3661a;color:var(--whatsapp-green)}.phone-display{align-items:center;background:var(--bg-tertiary);border-radius:12px;color:var(--text-primary);display:inline-flex;font-size:16px;font-weight:500;gap:10px;margin:0 auto 24px;padding:12px 20px}.phone-display svg{color:var(--whatsapp-green)}.footer{margin-top:auto;padding:40px 0 20px;text-align:center}.footer p{color:var(--text-secondary);font-size:14px}@media (max-width:1024px){.main-content{padding:16px}.features{gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:40px 0 30px}.feature-card{padding:24px}}@media (max-width:768px){.header{flex-direction:column;gap:16px;padding:16px 0}.nav-links{flex-wrap:wrap;gap:16px;justify-content:center}.nav-links a{font-size:14px;padding:12px 8px}.section-header h2{font-size:20px}.phone-input-group{flex-direction:column;gap:12px}.country-select{width:100%}.submit-btn{padding:16px 20px}.hero{padding:24px 0}.hero-title{font-size:clamp(28px,8vw,40px)}.hero-subtitle{font-size:15px;padding:0 10px}.pairing-card{border-radius:24px;margin:0 8px;padding:24px 20px}.pairing-card:hover{transform:none}.tab-switcher{margin-bottom:24px}.tab-btn{font-size:14px;gap:6px;padding:12px 16px}.tab-content{min-height:360px}.qr-code{height:200px;padding:14px;width:200px}.qr-logo{height:44px;width:44px}.qr-code-wrapper{margin-bottom:24px}.code-instructions,.qr-instructions{padding:16px}.code-instructions h3,.qr-instructions h3{font-size:15px;margin-bottom:12px}.code-instructions li,.qr-instructions li{font-size:13px;gap:10px;padding:8px 0}.code-instructions li:before,.qr-instructions li:before{font-size:12px;height:26px;width:26px}.code-display{border-radius:16px;padding:32px 16px}.code-value .digit{font-size:36px}.code-value .separator{font-size:36px;margin:0 6px}.code-actions{flex-direction:column;gap:10px}.action-btn{justify-content:center;padding:14px 20px;width:100%}.countdown{margin-bottom:20px}.simulate-btn{font-size:14px;padding:14px}.simulate-btn:hover{transform:none}.features{gap:16px;grid-template-columns:1fr;margin:40px 0 30px}.feature-card{padding:20px}.feature-card:hover{transform:none}.feature-icon{height:48px;margin-bottom:16px;width:48px}.feature-card h3{font-size:16px}.feature-card p{font-size:13px}.footer{padding:30px 0 20px}}@media (max-width:480px){.main-content{padding:12px}.logo-icon{height:42px;width:42px}.logo-text{font-size:24px}.nav-links{gap:12px}.nav-links a{font-size:13px}.header-icon{height:56px;width:56px}.section-header h2{font-size:18px}.section-header p{font-size:13px}.phone-input{font-size:16px;padding:14px 16px}.country-select{font-size:15px;min-width:100px;padding:14px 36px 14px 14px}.submit-btn{font-size:15px;padding:14px 18px}.input-instructions{padding:16px}.input-instructions h3{font-size:14px}.input-instructions li{font-size:12px}.back-btn{font-size:13px}.phone-display{font-size:14px;padding:10px 16px}.hero{padding:16px 0}.hero-title{font-size:clamp(24px,7vw,32px);margin-bottom:12px}.hero-subtitle{font-size:14px;line-height:1.5}.pairing-card{border-radius:20px;margin:0 4px;padding:20px 16px}.tab-switcher{border-radius:14px;margin-bottom:20px;padding:4px}.tab-btn{border-radius:10px;font-size:13px;padding:10px 12px}.tab-btn svg{height:16px;width:16px}.tab-indicator{border-radius:10px}.tab-content{min-height:320px}.qr-code{border-radius:16px;height:180px;padding:12px;width:180px}.qr-logo{border-radius:10px;height:40px;width:40px}.qr-glow{bottom:-15px;left:-15px;right:-15px;top:-15px}.code-display,.qr-code-wrapper{margin-bottom:20px}.code-display{border-radius:14px;min-height:100px;padding:28px 12px}.code-value .digit{font-size:28px}.code-value .separator{font-size:28px;margin:0 4px}.code-connected span,.code-loading span{font-size:14px}.code-actions{gap:8px}.action-btn{border-radius:10px;font-size:14px;padding:12px 16px}.countdown-text{font-size:12px}.code-instructions,.qr-instructions{border-radius:14px;margin-bottom:16px;padding:14px}.code-instructions h3,.qr-instructions h3{font-size:14px;margin-bottom:10px}.code-instructions li,.qr-instructions li{font-size:12px;padding:6px 0}.code-instructions li:before,.qr-instructions li:before{border-radius:6px;font-size:11px;height:24px;width:24px}.simulate-btn{border-radius:12px;font-size:13px;padding:12px}.features{gap:12px;margin:32px 0 24px}.feature-card{border-radius:16px;padding:18px}.feature-icon{border-radius:12px;height:44px;margin-bottom:14px;width:44px}.feature-icon svg{height:20px;width:20px}.feature-card h3{font-size:15px;margin-bottom:8px}.feature-card p{font-size:12px}.footer{padding:24px 0 16px}.footer p{font-size:12px}}@media (max-width:360px){.main-content{padding:10px}.logo-text{font-size:20px}.nav-links{gap:12px}.nav-links a{font-size:12px}.hero-title{font-size:22px}.hero-subtitle{font-size:13px}.pairing-card{border-radius:18px;padding:16px 12px}.tab-btn{font-size:12px;padding:8px 10px}.qr-code{height:160px;width:160px}.code-value .digit{font-size:24px}.code-value .separator{font-size:24px;margin:0 2px}}@media (max-height:500px) and (orientation:landscape){.hero{padding:12px 0}.hero-title{font-size:24px}.hero-subtitle{display:none}.pairing-card{padding:16px}.tab-content{min-height:280px}.qr-code{height:150px;width:150px}.code-instructions,.features,.qr-instructions{display:none}}@media (hover:hover){.tab-btn:hover{background:#ffffff0d}}@media (pointer:coarse){.nav-links a{align-items:center;display:flex;min-height:44px}.action-btn,.simulate-btn,.tab-btn{min-height:48px}}.action-btn:focus-visible,.simulate-btn:focus-visible,.tab-btn:focus-visible{outline:2px solid var(--whatsapp-green);outline-offset:2px}@supports (padding:max(0px)){.main-content{padding-bottom:max(20px,env(safe-area-inset-bottom));padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.code-display:before,.gradient-orb,.qr-glow{animation:none}}@media (prefers-color-scheme:dark){body{background:var(--bg-primary)}}@media (prefers-contrast:high){.pairing-card{border:2px solid var(--whatsapp-green)}.tab-btn.active{border:2px solid #fff}.action-btn{border:2px solid var(--whatsapp-green)}}.account-list{margin:32px auto 24px;max-width:520px}.account-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.account-list-header h3{color:var(--text-primary);font-size:18px;font-weight:600}.refresh-icon-btn{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;padding:8px;transition:all .2s ease}.refresh-icon-btn:hover{background:#25d3661a;color:var(--whatsapp-green)}.account-stats{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:16px;margin-bottom:16px;padding:12px 16px}.account-stats .stat-item{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:6px}.account-stats .stat-item .stat-label{color:var(--text-muted)}.account-stats .stat-item .stat-value{color:var(--text-primary);font-weight:600}.account-stats .stat-item.online,.account-stats .stat-item.online .stat-value{color:var(--whatsapp-green)}.account-stats .stat-item.offline,.account-stats .stat-item.offline .stat-value{color:#888}.account-list-content{display:flex;flex-direction:column;gap:12px}.account-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#202c33cc;border:1px solid #ffffff14;border-radius:16px;padding:16px 20px;transition:all .3s ease}.account-card:hover{border-color:#25d3664d;transform:translateY(-2px)}.account-header{gap:12px}.account-header,.account-icon{align-items:center;display:flex}.account-icon{background:linear-gradient(135deg,#25d36633,#128c7e33);border-radius:10px;color:var(--whatsapp-green);flex-shrink:0;height:36px;justify-content:center;width:36px}.account-phone{color:var(--text-primary);flex:1 1;font-size:15px;font-weight:500}.account-status{align-items:center;border-radius:20px;display:flex;font-size:12px;gap:6px;padding:4px 10px}.account-status.online{background:#25d36626;color:var(--whatsapp-green)}.account-status.offline{background:#80808026;color:var(--text-secondary)}.account-status.verifying{background:#ffc10726;color:#ffc107}.account-duration{align-items:center;border-top:1px solid #ffffff0d;display:flex;justify-content:space-between;margin-top:12px;padding-top:12px}.duration-label{color:var(--text-secondary);font-size:13px}.duration-value{color:var(--text-primary);font-family:SF Mono,Menlo,monospace;font-size:13px;font-weight:500}.account-list-error,.account-list-loading{align-items:center;background:#202c3380;border-radius:16px;color:var(--text-secondary);display:flex;flex-direction:column;gap:12px;justify-content:center;margin:0 auto 24px;max-width:520px;padding:24px}.account-list-error{color:#f44336}.retry-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.retry-btn:hover{background:#25d3661a;border-color:var(--whatsapp-green)}@media (max-width:768px){.account-list{margin:24px 8px 20px}.account-card{padding:14px 16px}.account-phone{font-size:14px}}@media (max-width:480px){.account-list-header h3{font-size:16px}.account-icon{height:32px;width:32px}.account-status{font-size:11px;padding:3px 8px}}.login-btn{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:10px;box-shadow:0 4px 12px #25d3664d;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:10px 16px;transition:all .3s ease}.login-btn:hover{box-shadow:0 6px 16px #25d36666}.auth-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.auth-modal{background:var(--bg-secondary);border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 20px 60px #0006;max-width:400px;padding:32px;position:relative;width:100%}.auth-modal-close{background:var(--bg-tertiary);border:none;border-radius:10px;color:var(--text-secondary);cursor:pointer;padding:8px;position:absolute;right:16px;top:16px;transition:all .2s ease}.auth-modal-close:hover{background:#ffffff1a;color:var(--text-primary)}.auth-modal-header{margin-bottom:28px;text-align:center}.auth-modal-header h2{color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:8px}.auth-modal-header p{color:var(--text-secondary);font-size:14px}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-input-group{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;display:flex;gap:12px;padding:14px 16px;transition:all .3s ease}.auth-input-group:focus-within{border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a}.auth-input-group svg{color:var(--text-secondary);flex-shrink:0}.auth-input-group input{-webkit-text-fill-color:var(--text-primary);background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:15px;outline:none}.auth-input-group input::placeholder{-webkit-text-fill-color:var(--text-secondary);color:var(--text-secondary)}.auth-input-group input:-webkit-autofill,.auth-input-group input:-webkit-autofill:active,.auth-input-group input:-webkit-autofill:focus,.auth-input-group input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-primary)!important;background-color:initial!important;-webkit-box-shadow:0 0 0 30px var(--bg-tertiary) inset!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.password-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;padding:0;transition:color .2s ease}.auth-input-group .country-code{color:var(--text-primary);flex-shrink:0;font-size:15px;font-weight:500}.password-toggle:hover{color:var(--text-primary)}.auth-error{background:#f443361a;border:1px solid #f443364d;border-radius:10px;color:#f44336;font-size:13px;padding:10px 14px}.auth-submit{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:12px;box-shadow:0 4px 16px #25d3664d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin-top:8px;padding:16px;transition:all .3s ease}.auth-submit:hover:not(:disabled){box-shadow:0 6px 20px #25d36666;transform:translateY(-2px)}.auth-submit:disabled{cursor:not-allowed;opacity:.6}.auth-switch{color:var(--text-secondary);font-size:14px;margin-top:20px;text-align:center}.auth-switch button{background:none;border:none;color:var(--whatsapp-green);cursor:pointer;font-weight:600;margin-left:4px}.auth-switch button:hover{text-decoration:underline}.auth-bonus{align-items:center;animation:bonusPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ffd70026,#25d36626);border:1px solid #ffd7004d;border-radius:12px;color:gold;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-top:16px;padding:12px 16px}.auth-bonus .bonus-icon{font-size:18px}@keyframes bonusPulse{0%,to{box-shadow:0 0 0 0 #ffd70033;transform:scale(1)}50%{box-shadow:0 0 20px 0 #ffd7004d;transform:scale(1.02)}}.auth-hint{background:#25d3661a;border-radius:10px;margin-top:16px;padding:12px;text-align:center}.auth-hint p{color:var(--text-secondary);font-size:12px}.user-panel{position:relative}.user-panel-trigger{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;gap:8px;padding:8px 14px;transition:all .2s ease}.user-panel-trigger:hover{background:#25d3661a;border-color:var(--whatsapp-green)}.user-avatar{background:linear-gradient(135deg,#25d366,#128c7e);border-radius:10px;height:32px;width:32px}.user-avatar img{border-radius:10px;height:100%;object-fit:cover;width:100%}.user-name{color:var(--text-primary);font-size:14px;font-weight:500;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-panel-trigger svg.rotated{transform:rotate(180deg)}.user-panel-trigger svg{color:var(--text-secondary);transition:transform .2s ease}.user-dropdown{background:var(--bg-secondary);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 10px 40px #0000004d;min-width:220px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:100}.user-dropdown-header{border-bottom:1px solid #ffffff0d;padding:16px}.balance-info{display:flex;flex-direction:column;gap:4px}.balance-value{font-size:24px}.user-dropdown-actions{padding:8px}.dropdown-action{align-items:center;background:none;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:12px;transition:all .2s ease;width:100%}.dropdown-action.withdraw-btn{color:var(--whatsapp-green)}.dropdown-action.withdraw-btn:hover{background:#25d3661a}.dropdown-action.logout-btn{color:var(--text-secondary)}.dropdown-action.logout-btn:hover{background:#f443361a;color:#f44336}.withdraw-modal .quick-amounts{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);margin-bottom:8px}.quick-amount{border-radius:10px;padding:10px;transition:all .2s ease}.quick-amount.active{background:#25d36633}.withdraw-note{margin-top:8px}.withdraw-success{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.withdraw-success svg{color:var(--whatsapp-green);margin-bottom:16px}.withdraw-success h3{color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:8px}.withdraw-success p{color:var(--text-secondary);font-size:14px}@media (max-width:768px){.login-btn span{display:none}.login-btn{padding:10px}.user-name{display:none}.user-panel-trigger{padding:6px 10px}}@media (max-width:480px){.auth-modal{border-radius:20px;padding:24px 20px}.withdraw-modal .quick-amounts{grid-template-columns:repeat(2,1fr)}}.danmaku-zone{height:100px;margin-bottom:20px;overflow:hidden;position:relative;width:100%}.danmaku-container{height:100%;pointer-events:none;position:relative;width:100%}.danmaku-item{pointer-events:none;position:absolute;white-space:nowrap}.danmaku-item.row-0{top:10px}.danmaku-item.row-1{top:55px}.danmaku-content{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#25d36626;border:1px solid #25d3664d;border-radius:20px;box-shadow:0 4px 12px #0003;color:#ffffffe6;display:inline-flex;font-size:13px;gap:8px;padding:8px 16px}.danmaku-phone{color:var(--whatsapp-green);font-weight:600}.danmaku-text{color:#ffffffb3}.danmaku-amount{align-items:center;color:gold;display:inline-flex;font-weight:700;gap:2px}.danmaku-amount svg{color:gold}@media (max-width:768px){.danmaku-content{font-size:11px;gap:6px;padding:6px 12px}}@media (max-width:480px){.danmaku-content{font-size:10px;padding:5px 10px}}.page-container{margin:0 auto;max-width:600px;padding:0 20px 40px}.back-button{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:14px;gap:8px;margin-bottom:16px;padding:8px 0;text-decoration:none;transition:color .2s}.back-button:hover{color:var(--whatsapp-green)}.page-title{color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 24px}.user-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;gap:16px;margin-bottom:24px;padding:20px}.user-avatar,.user-card{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,var(--whatsapp-green),var(--whatsapp-teal));border-radius:50%;color:#fff;flex-shrink:0;font-size:24px;font-weight:700;height:56px;justify-content:center;width:56px}.user-info{flex:1 1}.user-info h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 4px}.user-balance{display:flex;flex-direction:column;gap:2px}.balance-label{color:var(--text-secondary);font-size:12px}.balance-value{color:var(--whatsapp-green);font-size:20px;font-weight:700}.bonus-badge{align-items:center;background:linear-gradient(135deg,gold,orange);border-radius:20px;color:#000;display:flex;font-size:14px;font-weight:700;gap:4px;padding:8px 12px}.menu-grid{grid-gap:16px;display:grid;gap:16px;margin-bottom:24px}.menu-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;display:flex;gap:16px;padding:20px;text-decoration:none;transition:all .3s ease}.menu-card:hover{border-color:var(--whatsapp-green);box-shadow:0 8px 24px #25d36626;transform:translateY(-2px)}.menu-icon{align-items:center;border-radius:14px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.menu-content h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 4px}.menu-content p{color:var(--text-secondary);font-size:13px;margin:0}.reward-banner{align-items:center;background:linear-gradient(135deg,#25d36626,#128c7e26);border:1px solid #25d3664d;border-radius:16px;color:var(--whatsapp-green);display:flex;gap:16px;padding:20px}.reward-banner h4{color:var(--text-primary);font-size:15px;font-weight:600;margin:0 0 4px}.reward-banner p{color:var(--text-secondary);font-size:13px;margin:0}.balance-card{background:linear-gradient(135deg,var(--whatsapp-green),var(--whatsapp-teal));border-radius:20px;color:#fff;margin-bottom:24px;padding:24px}.balance-header{align-items:center;display:flex;font-size:14px;gap:8px;margin-bottom:8px;opacity:.9}.balance-amount{font-size:36px;font-weight:700}.withdraw-form{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:24px}.quick-amounts{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.quick-amount{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:all .2s}.quick-amount.active,.quick-amount:hover:not(:disabled){border-color:var(--whatsapp-green)}.quick-amount.active{background:#25d3661a;color:var(--whatsapp-green)}.quick-amount:disabled{cursor:not-allowed;opacity:.4}.form-group{margin-bottom:16px}.form-group label{color:var(--text-secondary);display:block;font-size:13px;margin-bottom:8px}.input-with-icon{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;display:flex;gap:12px;padding:14px 16px;transition:all .3s}.input-with-icon:focus-within{border-color:var(--whatsapp-green)}.input-with-icon svg{color:var(--text-secondary);flex-shrink:0}.input-with-icon input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:16px;outline:none}.input-with-icon .currency{color:var(--text-secondary);font-weight:600}.error-message{background:#ff3b301a;border:1px solid #ff3b304d;border-radius:10px;color:#ff3b30;font-size:13px;margin-bottom:16px;padding:12px}.submit-button{align-items:center;background:linear-gradient(135deg,var(--whatsapp-green),var(--whatsapp-teal));border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:16px;transition:all .3s;width:100%}.submit-button:hover:not(:disabled){box-shadow:0 8px 24px #25d3664d;transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.6}.withdraw-note{color:var(--text-secondary);font-size:12px;margin-top:16px;text-align:center}.success-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:40px;text-align:center}.success-card svg{color:var(--whatsapp-green);margin-bottom:16px}.success-card h3{color:var(--text-primary);font-size:20px;margin:0 0 8px}.success-card p{color:var(--text-secondary);margin:0}.history-section{margin-top:24px}.history-section h3{align-items:center;color:var(--text-primary);display:flex;font-size:16px;gap:8px;margin:0 0 16px}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;justify-content:space-between;padding:16px}.history-info{display:flex;flex-direction:column;gap:4px}.history-amount{color:var(--text-primary);font-size:16px;font-weight:600}.history-upi{color:var(--text-secondary);font-size:12px}.history-meta{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.history-status{border-radius:20px;font-size:12px;font-weight:500;padding:4px 10px}.history-status.completed{background:#34c75926;color:#34c759}.history-status.pending{background:#ff950026;color:#ff9500}.history-date{color:var(--text-secondary);font-size:11px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:20px;text-align:center}.stat-icon{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;margin:0 auto 12px;width:48px}.stat-value{color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:4px}.stat-label{color:var(--text-secondary);font-size:13px}.users-section h3{color:var(--text-primary);font-size:16px;margin:0 0 16px}.users-list{display:flex;flex-direction:column;gap:12px}.user-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;gap:12px;padding:16px}.user-item,.user-item-avatar{align-items:center;display:flex}.user-item-avatar{background:var(--bg-tertiary);border-radius:50%;color:var(--text-secondary);height:40px;justify-content:center;width:40px}.user-item-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.user-item-phone{color:var(--text-primary);font-size:14px;font-weight:500}.user-item-duration{color:var(--text-secondary);font-size:12px}.user-item-status{border-radius:20px;font-size:12px;font-weight:500;padding:4px 10px}.user-item-status.online{background:#34c75926;color:#34c759}.user-item-status.offline{background:#8e8e9326;color:#8e8e93}.user-item-status.verifying{background:#ff950026;color:#ff9500}.empty-state,.loading-state{border:1px solid var(--border-color);border-radius:16px;color:var(--text-secondary);padding:40px}.empty-state,.loading-state,.login-required{background:var(--bg-secondary);text-align:center}.login-required{border:1px solid var(--border-color);border-radius:20px;padding:60px 20px}.login-required svg{color:var(--text-secondary);margin-bottom:20px}.login-required h3{color:var(--text-primary);font-size:20px;margin:0 0 8px}.login-required p{color:var(--text-secondary);margin:0 0 24px}.login-btn{background:linear-gradient(135deg,var(--whatsapp-green),var(--whatsapp-teal));border-radius:12px;color:#fff;display:inline-block;font-weight:600;padding:14px 32px;text-decoration:none;transition:all .3s}.login-btn:hover{box-shadow:0 8px 24px #25d3664d;transform:translateY(-2px)}.install-prompt{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;bottom:20px;box-shadow:0 8px 32px #0000004d;justify-content:space-between;left:20px;margin:0 auto;max-width:400px;padding:16px;position:fixed;right:20px;z-index:1000}.install-prompt,.install-prompt-content{align-items:center;display:flex;gap:12px}.install-prompt-content{flex:1 1}.install-prompt-content svg{color:var(--whatsapp-green);flex-shrink:0}.install-prompt-text h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 2px}.install-prompt-text p{color:var(--text-secondary);font-size:12px;margin:0}.install-prompt-actions{align-items:center;display:flex;gap:8px}.install-btn-primary{background:linear-gradient(135deg,var(--whatsapp-green),var(--whatsapp-teal));border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px;white-space:nowrap}.install-btn-close{background:var(--bg-tertiary);border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;padding:8px}.install-btn-close:hover{color:var(--text-primary)}@media (max-width:480px){.page-container{padding:0 16px 32px}.page-title{font-size:20px}.user-card{padding:16px}.user-avatar{font-size:20px;height:48px;width:48px}.balance-value{font-size:18px}.menu-card{padding:16px}.menu-icon{height:48px;width:48px}.stats-grid{gap:12px}.stat-card{padding:16px}.stat-value{font-size:20px}.quick-amounts{grid-template-columns:repeat(2,1fr)}}[data-theme=light] .animated-bg{opacity:.3}[data-theme=light] .gradient-orb{opacity:.2}[data-theme=light] .orb-1{background:radial-gradient(circle,#25d36633 0,#0000 70%)}[data-theme=light] .orb-2{background:radial-gradient(circle,#128c7e26 0,#0000 70%)}[data-theme=light] .orb-3{background:radial-gradient(circle,#075e5433 0,#0000 70%)}[data-theme=light] .glass{background:#ffffffb3;border:1px solid #0000001a}[data-theme=light] .language-btn{background:#e8e8e8cc;border-color:#0000001a}[data-theme=light] .language-btn:hover{background:#e8e8e8;border-color:var(--whatsapp-green)}[data-theme=light] .language-dropdown{background:#fffffff2;border-color:#0000001a;box-shadow:0 10px 40px #0000001a}[data-theme=light] .theme-toggle{background:var(--bg-tertiary);border-color:var(--border-color)}[data-theme=light] .theme-toggle:hover{background:var(--bg-secondary)}[data-theme=light] .pairing-card{background:#fffffff2;border:1px solid #0000001a;box-shadow:0 4px 24px #00000014,0 0 80px #25d3660d,inset 0 1px 0 #fffc}[data-theme=light] .pairing-card:hover{box-shadow:0 8px 40px #0000001f,0 0 100px #25d36614,inset 0 1px 0 #ffffffe6}[data-theme=light] .section-header h2{color:var(--text-primary)}[data-theme=light] .section-header p{color:#555}[data-theme=light] .code-instructions{background:var(--bg-tertiary);border:1px solid var(--border-color)}[data-theme=light] .code-instructions h3{color:var(--text-primary)}[data-theme=light] .code-instructions li{border-bottom:1px solid #00000014;color:#444}[data-theme=light] .code-instructions li:before{background:linear-gradient(135deg,#25d36626,#128c7e26);color:var(--whatsapp-green)}[data-theme=light] .phone-display{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}[data-theme=light] .status-message{background:#25d36614;color:#555}[data-theme=light] .code-display{background:linear-gradient(135deg,#25d36614,#128c7e0d);border-color:#25d36633}[data-theme=light] .code-value .digit,[data-theme=light] .input-section{color:var(--text-primary)}[data-theme=light] .phone-input{background:#fff;border-color:var(--border-color);color:var(--text-primary)}[data-theme=light] .phone-input:focus{border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a}[data-theme=light] .phone-input::placeholder{color:#999}[data-theme=light] .country-select{background:#fff;border-color:var(--border-color);color:var(--text-primary)}[data-theme=light] .country-select:focus{border-color:var(--whatsapp-green)}[data-theme=light] .back-btn{color:var(--text-primary)}[data-theme=light] .back-btn:hover{color:var(--whatsapp-green)}[data-theme=light] .action-btn{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=light] .action-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--whatsapp-green)}[data-theme=light] .action-btn:disabled{color:var(--text-secondary);opacity:.5}[data-theme=light] .countdown{background:var(--bg-tertiary)}[data-theme=light] .countdown-text{color:#555}.withdraw-notice-banner{align-items:center;background:linear-gradient(135deg,#25d36626,#128c7e26);border:2px solid var(--whatsapp-green);border-radius:16px;display:flex;gap:16px;margin-top:24px;overflow:hidden;padding:20px 24px;position:relative}.withdraw-notice-banner:before{animation:shimmer-notice 3s infinite;background:linear-gradient(90deg,#0000,#25d3661a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer-notice{0%{left:-100%}to{left:100%}}.withdraw-notice-icon{align-items:center;animation:pulse-icon 2s ease-in-out infinite;background:linear-gradient(135deg,var(--whatsapp-green),var(--whatsapp-teal));border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}@keyframes pulse-icon{0%,to{box-shadow:0 0 0 0 #25d36666;transform:scale(1)}50%{box-shadow:0 0 0 8px #25d36600;transform:scale(1.05)}}.withdraw-notice-content{flex:1 1}.withdraw-notice-content h4{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:700;gap:8px;margin:0 0 4px}.withdraw-notice-content p{color:var(--text-secondary);font-size:13px;line-height:1.5;margin:0}.withdraw-notice-action{align-items:center;background:#25d3661a;border-radius:10px;color:var(--whatsapp-green);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}[data-theme=light] .withdraw-notice-banner{background:linear-gradient(135deg,#25d3661a,#128c7e1a);border-color:var(--whatsapp-green)}[data-theme=light] .withdraw-notice-action{background:#25d36626}@media (max-width:480px){.withdraw-notice-banner{gap:12px;padding:16px}.withdraw-notice-icon{height:40px;width:40px}.withdraw-notice-content h4{font-size:14px}.withdraw-notice-content p{font-size:12px}.withdraw-notice-action{height:36px;width:36px}}.withdraw-countdown{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:20px;margin-top:24px;overflow:hidden;padding:24px;position:relative}.withdraw-countdown:before{background:linear-gradient(90deg,var(--whatsapp-green),var(--whatsapp-teal));content:"";height:4px;left:0;opacity:.3;position:absolute;right:0;top:0}.countdown-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:20px}.countdown-icon-wrapper{align-items:center;background:linear-gradient(135deg,#25d36626,#128c7e26);border-radius:14px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.countdown-icon{animation:pulse-countdown 2s ease-in-out infinite;color:var(--whatsapp-green)}.countdown-icon.success{animation:none;color:#34c759}@keyframes pulse-countdown{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.countdown-title-section{flex:1 1}.countdown-title{color:var(--text-primary);font-size:18px;font-weight:700;margin:0 0 6px}.countdown-subtitle{color:var(--text-secondary);font-size:13px;line-height:1.5;margin:0}.countdown-progress-container{margin-bottom:24px}.countdown-progress-bar{background:var(--bg-tertiary);border-radius:10px;height:8px;margin-bottom:8px;overflow:hidden;position:relative;width:100%}.countdown-progress-fill{background:linear-gradient(90deg,var(--whatsapp-green),var(--whatsapp-teal));border-radius:10px;box-shadow:0 0 10px #25d36680;height:100%;position:relative}.countdown-progress-fill:after{animation:shimmer-progress 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer-progress{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.countdown-progress-text{color:var(--whatsapp-green);font-size:12px;font-weight:600;text-align:right}.countdown-time{background:var(--bg-tertiary);border-radius:16px;gap:8px;justify-content:center;padding:20px}.countdown-time,.time-unit{align-items:center;display:flex}.time-unit{flex-direction:column;gap:4px;min-width:60px}.time-value{font-feature-settings:"tnum";-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--whatsapp-green),var(--whatsapp-teal));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:32px;font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.time-label{color:var(--text-secondary);font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.time-separator{animation:blink-separator 1s infinite;color:var(--whatsapp-green);font-size:24px;font-weight:700;margin:0 -4px}@keyframes blink-separator{0%,50%{opacity:1}51%,to{opacity:.3}}.countdown-complete-badge{align-items:center;background:linear-gradient(135deg,#34c75926,#25d36626);border:2px solid #34c759;border-radius:12px;color:#34c759;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:16px}.countdown-complete-badge svg{animation:check-bounce .6s ease-out}@keyframes check-bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}[data-theme=light] .withdraw-countdown{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=light] .countdown-icon-wrapper{background:linear-gradient(135deg,#25d3661a,#128c7e1a)}[data-theme=light] .countdown-time{background:var(--bg-tertiary)}[data-theme=light] .countdown-complete-badge{background:linear-gradient(135deg,#34c7591a,#25d3661a)}@media (max-width:480px){.withdraw-countdown{padding:20px}.countdown-header{gap:12px}.countdown-icon-wrapper{height:48px;width:48px}.countdown-title{font-size:16px}.countdown-subtitle{font-size:12px}.countdown-time{gap:4px;padding:16px}.time-unit{min-width:50px}.time-value{font-size:28px}.time-label{font-size:10px}.time-separator{font-size:20px;margin:0 -2px}}
/*# sourceMappingURL=main.b5d9861b.css.map*/