/* CoinDCX Pays visual system; keeps the existing application routes and forms. */
:root{--premium-bg:#08131f;--premium-surface:#132237;--premium-surface-2:#1b2e46;--premium-text:#f5f7fc;--premium-muted:#9eafc5;--premium-cyan:#9ed4ff;--premium-blue:#7768f6;--premium-violet:#d5ccff;--premium-gradient:linear-gradient(120deg,#7768f6,#b8abff);--accent:#7768f6;--tang:#7768f6;--grad:linear-gradient(120deg,#7768f6,#b8abff)}
html body{background:radial-gradient(ellipse at top right,rgba(119,104,246,.17),transparent 50%),#081126!important;color:#f5f7fc}
body .user-page,body .auth-wrap{background:radial-gradient(circle at 100% 0,rgba(88,129,246,.18),transparent 36%),#0d1730!important}
body .auth-wrap{border-inline:1px solid #24364c;min-height:100dvh!important}
body .auth-brand .m,body .brand-mark,body .brand-orb{background:linear-gradient(135deg,#7768f6,#d5ccff)!important;color:#102036!important;box-shadow:0 8px 24px #7768f625!important}
body .auth-brand .m b{font-size:0!important}body .auth-brand .m b:after{content:'C';font-size:23px;color:#102036!important}
body .auth-wrap h1 .o{background:linear-gradient(100deg,#9ed4ff,#d5e9ff)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important}
body .auth-eyebrow,body .phone-prefix,body .forgot a,body .aft a,body .fld i.lead,body .secure i{color:#9ed4ff!important}
body .fld{background:#14263d!important;border-radius:14px!important;box-shadow:inset 0 0 0 1px #2b3e56!important}
body .fld input{background:transparent!important}body .fld:focus-within{box-shadow:0 0 0 2px #9ed4ff!important}
body .cta,body .topup-btn,body .primary-btn,body .submit-btn,body .invite-btn,body .wp-btn-primary{background:linear-gradient(110deg,#386ae7,#6b55d9)!important;color:#fff!important;box-shadow:0 9px 24px #7768f628!important;border-radius:14px!important}
body .auth-promise{background:#15263b!important}body .auth-wrap:before{border-color:#9ed4ff26!important;box-shadow:0 0 0 35px #9ed4ff08!important}body .auth-wrap:after{background:#7768f612!important}
body .bottom-nav{background:#142337f5!important;border-color:#32445a!important;border-radius:20px!important}
body .bottom-nav .nav-item.active,body .bottom-nav .nav-item.active i{color:#9ed4ff!important;background:#9ed4ff12!important}
body .page-bar,body .user-page nav{background:#112035f2!important;border-color:#2a3b51!important}body nav h3:after{color:#9ed4ff!important}body nav i{color:#abc4ff!important;background:#9ed4ff14!important;border-color:#9ed4ff35!important}
body .wallet-box{background:radial-gradient(circle at top right,#7768f62c,transparent 65%),linear-gradient(125deg,#243951,#142238)!important;border:1px solid #3a4b62!important;border-radius:24px!important}
body .menu-card,body .history-card,body .plan-card,body .stat-card,body .notification-card{background:#132338!important;border-color:#2a3c53!important;border-radius:18px!important}
body .menu-item{border-color:#29394c!important}body .menu-item .arrow{color:#abc4ff!important}
body input:focus,body select:focus,body textarea:focus{border-color:#9ed4ff!important;box-shadow:0 0 0 3px #9ed4ff20!important}
body .chat-icon{background:linear-gradient(135deg,#7768f6,#b8abff)!important;box-shadow:0 8px 24px #7768f625!important}
body .loader,body .spinner{border-top-color:#9ed4ff!important}
body .wp-sidebar{background:#0c1929!important;border-color:#263a52!important}body .wp-main,body .wp-content{background:#08131f!important}body .wp-card,body .wp-panel,body .wp-table-wrap{background:#142238!important;border-color:#293e57!important}body .wp-nav-link.active{background:#9ed4ff18!important;color:#9ed4ff!important}body .wp-logo-mark{background:#9ed4ff!important;color:#132238!important}
button:focus-visible,a:focus-visible{outline:2px solid #9ed4ff!important;outline-offset:4px}
/* Consistent hierarchy and comfortable touch targets. */
body .user-page{max-width:480px;flex-basis:480px;border-inline:1px solid #263a52;scrollbar-width:thin;scrollbar-color:#354b66 transparent}
body .user-page nav{min-height:76px;padding:20px 24px}
body .page-bar{min-height:72px;padding:16px 22px;border-radius:0!important;box-shadow:0 4px 18px #00000014!important}
body .user-page .page-title{font-size:18px!important;letter-spacing:-.45px}
body .back-btn{width:40px;height:40px;border-radius:12px;background:#20334c!important}
body .auth-wrap{max-width:480px;padding:42px 28px 32px!important;line-height:1.5}
body .auth-wrap h1{font-size:36px;line-height:1.14;letter-spacing:-1.3px}
body .auth-wrap p.sub{font-size:14px;line-height:1.65;color:#a5b4c8!important;margin-bottom:26px;max-width:350px}
body .auth-brand{margin-bottom:32px!important}body .auth-brand>span{letter-spacing:-.4px}
body .fld{min-height:58px!important;padding-inline:16px!important;margin-bottom:14px!important}
body .fld input{min-width:0;font-size:16px!important;line-height:1.4}
body .fld input::placeholder{color:#95a5bb!important;opacity:1}
body .cta{min-height:56px;letter-spacing:.1px;font-size:15px}
body .menu-card{overflow:hidden;box-shadow:0 8px 28px #00000014!important}
body .menu-item{min-height:70px;padding:16px 18px}
body .menu-copy strong{font-size:14px;line-height:1.45;color:#f5f7fc}
body .menu-copy small{font-size:11px;line-height:1.5;color:#9eafc5!important}
body .history-card{padding:18px!important;box-shadow:0 6px 22px #00000012!important}
body .bottom-nav{max-width:444px;min-height:70px;padding:8px!important;gap:3px}
body .bottom-nav .nav-item{min-height:48px;justify-content:center;font-size:10px;border-radius:13px!important}
body .wp-header{padding-block:20px;border-bottom:1px solid #293e57}
body .wp-card{padding:24px;box-shadow:0 8px 28px #00000018!important;border-radius:18px}
body .wp-table th{font-size:11px;letter-spacing:.7px;text-transform:uppercase;color:#a5b4c8}
body .wp-table td{padding-block:16px;border-color:#293e57}
body .wp-login-page{min-height:100dvh;background:radial-gradient(circle at 85% 15%,#7768f622,transparent 32%),#08131f!important;padding:24px;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body .wp-login-box{width:min(100%,410px);padding:38px 34px 36px;background:linear-gradient(145deg,#17273d,#101d30)!important;border:1px solid #3e4c5e!important;border-radius:22px;box-shadow:0 24px 70px #0006}
body .wp-login-logo{font-size:28px;font-weight:800;letter-spacing:-.8px;color:#f5f7fc!important;margin-bottom:32px}
body .wp-login-logo:before{content:'C';display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,#8ec8ff,#7768f6);color:#142238;font-size:32px;margin:0 auto 18px;box-shadow:0 9px 28px #7768f625}
body .wp-login-box .wp-field{margin-bottom:20px}
body .wp-login-box .wp-field label{color:#b6c2d3;font-size:12px;font-weight:700;margin-bottom:9px}
body .wp-login-box .wp-field input,body .wp-login-box .wp-field input:focus{background:#1d3049!important;color:#f5f7fc!important;border:1px solid #3b4e66!important;border-radius:12px;min-height:52px;padding:12px 14px;box-shadow:none!important;font-size:15px}
body .wp-login-box .wp-field input:focus{border-color:#9ed4ff!important;box-shadow:0 0 0 3px #9ed4ff20!important}
body .wp-login-box .wp-phone-field input{padding-left:53px}
body .wp-login-box .wp-phone-prefix{left:15px;bottom:18px;color:#9ed4ff!important}
body .wp-login-btn{min-height:52px;margin-top:12px;background:linear-gradient(120deg,#386ae7,#6b55d9)!important;color:#fff!important;border-radius:12px;font-size:15px;font-weight:800;box-shadow:0 10px 24px #7768f625}
body .wp-login-btn:hover{filter:brightness(1.08)}
body .signup-kicker,body .signup-page .fld i.lead,body .signup-note i{color:#9ed4ff!important}
body .signup-step b,body .signup-page .fld .send{background:linear-gradient(120deg,#8ec8ff,#7768f6)!important;color:#142238!important;box-shadow:0 8px 20px #7768f625!important}
body .signup-page h1 .o{background:linear-gradient(100deg,#8ec8ff,#7768f6)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important}
body .auth-promise>i{color:#9ed4ff!important}
body .auth-brand .m,body .brand-mark,body .brand-orb{background:linear-gradient(135deg,#8ec8ff,#a99cfb)!important;color:#102036!important}
body .wp-login-logo:before{background:linear-gradient(135deg,#8ec8ff,#a99cfb);color:#102036}
@media(max-width:480px){body .user-page{max-width:100%;border:0;border-radius:0}body .auth-wrap{padding:32px 22px!important;border:0}body .auth-wrap h1{font-size:32px}body .bottom-nav{width:calc(100% - 24px)!important}body .wp-card{padding:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}