@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.layout{min-height:100vh;display:flex;flex-direction:column}.layout-main{flex:1;padding-bottom:80px}.layout-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;height:72px;background:#fff;border-top:1px solid #e8eaf6;box-shadow:0 -4px 16px #0000000d;z-index:100}.layout-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 16px;text-decoration:none;transition:all .2s}.layout-nav-item.active{transform:translateY(-2px)}.layout-nav-label{font-size:11px;font-weight:500}@media(min-width:1024px){.layout{flex-direction:row}.layout-main{flex:1;padding-bottom:0;padding-left:240px}.layout-nav{position:fixed;inset:0 auto 0 0;width:240px;height:auto;flex-direction:column;justify-content:flex-start;padding-top:32px;gap:8px;border-top:none;border-right:1px solid #e8eaf6;box-shadow:4px 0 16px #0000000d}.layout-nav-item{flex-direction:row;justify-content:flex-start;width:calc(100% - 32px);margin:0 16px;padding:12px 16px;border-radius:12px;gap:12px}.layout-nav-item.active{transform:none;background:#6c63ff1a}.layout-nav-item:hover:not(.active){background:#00000005}.layout-nav-label{font-size:14px}}.alert-banner{position:fixed;top:60px;left:50%;transform:translate(-50%);z-index:9999;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;border-left-width:4px;border-left-style:solid;box-shadow:0 4px 16px #0000001a;max-width:90%;width:400px;animation:slideDown .3s ease-out}.alert-banner-content{display:flex;align-items:center;gap:12px;flex:1}.alert-banner-icon{flex-shrink:0}.alert-banner-message{font-size:14px;font-weight:500;color:#1a1a2e;margin:0;line-height:1.4}.alert-banner-close{background:none;border:none;padding:4px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.alert-banner-close:hover{background-color:#0000000d}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.loader-container{display:flex;align-items:center;justify-content:center}.loader-spinner{border-radius:50%;border-width:3px;border-style:solid;animation:spin .8s linear infinite}.login-container{min-height:100vh;background-color:#f8f9ff;display:flex;flex-direction:column;position:relative}.login-loader-overlay{position:fixed;inset:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:9999}.login-content{width:100%;max-width:480px;margin:0 auto;min-height:100vh;background:#f8f9ff;display:flex;flex-direction:column}.login-header{padding:32px 24px 48px;text-align:center;background-color:#6c63ff;border-bottom-left-radius:32px;border-bottom-right-radius:32px;display:flex;flex-direction:column;align-items:center;box-shadow:0 8px 16px #6c63ff33;margin-bottom:24px}.login-animation{width:120px;height:120px;margin-bottom:24px}.login-title{font-family:Inter,sans-serif;font-weight:700;font-size:24px;color:#fff;margin:0 0 12px;letter-spacing:-.5px}.login-subtitle{font-family:Inter,sans-serif;font-weight:500;font-size:16px;color:#ffffffe6;margin:0;line-height:1.5;max-width:300px}.login-form{padding:24px 24px 2px;flex:1}.login-input-container{margin-bottom:24px}.login-label{display:block;font-family:Inter,sans-serif;font-weight:400;font-size:14px;color:#1a1a2e;margin-bottom:8px}.login-input{width:100%;padding:16px;font-family:Inter,sans-serif;font-size:16px;color:#1a1a2e;background:#fff;border:2px solid #e8eaf6;border-radius:14px;outline:none;transition:all .2s;box-sizing:border-box;box-shadow:0 2px 4px #0000000d}.login-input:focus{border-color:#6c63ff}.login-input::placeholder{color:#8e9aaf}.login-password-container{display:flex;align-items:center;background:#fff;border:2px solid #e8eaf6;border-radius:14px;transition:all .2s;box-shadow:0 2px 4px #0000000d;overflow:hidden}.login-password-container:focus-within{border-color:#6c63ff}.login-password-input{flex:1;padding:16px;font-family:Inter,sans-serif;font-size:16px;color:#1a1a2e;background:transparent;border:none;outline:none}.login-password-input::placeholder{color:#8e9aaf}.login-eye-button{padding:16px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#8e9aaf}.login-forgot-password{display:block;text-align:right;font-family:Inter,sans-serif;font-size:14px;color:#6c63ff;text-decoration:none;margin-top:8px}.login-forgot-password:hover{text-decoration:underline}.login-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:18px;border:none;border-radius:14px;font-family:Inter,sans-serif;font-weight:500;font-size:16px;color:#fff;background-color:#6c63ff;cursor:pointer;margin-top:32px;transition:all .2s;box-shadow:0 8px 16px #6c63ff4d}.login-button:hover:not(.login-button-disabled){transform:translateY(-2px);box-shadow:0 12px 20px #6c63ff66}.login-button:active:not(.login-button-disabled){transform:translateY(0)}.login-button-disabled{opacity:.7;cursor:not-allowed;background:#0000001a!important;box-shadow:none}.login-footer{display:flex;align-items:center;justify-content:center;gap:8px;padding:0 24px 8px;margin-top:24px}.login-footer-text{font-family:Inter,sans-serif;font-size:14px;color:#4a4b6e}.login-signup-link{font-family:Inter,sans-serif;font-weight:500;font-size:16px;text-decoration:underline;color:#ff6b6b}@media(min-width:480px){.login-container{justify-content:center;padding:20px}.login-content{border-radius:24px;min-height:auto;box-shadow:0 4px 24px #0000000f;background:#fff;overflow:hidden}.login-header{margin-bottom:0}}.login-back-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin:0 auto 32px;padding:14px 24px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#fff;text-decoration:none;background:linear-gradient(135deg,#6c63ff,#ff6b6b);border-radius:50px;transition:all .3s ease;box-shadow:0 4px 15px #6c63ff4d}.login-back-link:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #6c63ff66}.login-back-icon{width:18px;height:18px}.login-back-arrow{width:16px;height:16px;transition:transform .3s ease}.login-back-link:hover .login-back-arrow{transform:translate(4px)}.register-container{min-height:100vh;background-color:#f8f9ff;display:flex;flex-direction:column}.register-content{flex:1;display:flex;flex-direction:column;max-width:520px;margin:0 auto;width:100%}.register-progress{padding:24px 24px 12px}.register-progress-text{font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#6c63ff;text-align:center;margin:0 0 12px}.register-progress-bar{height:4px;background-color:#e0e0e0;border-radius:2px;overflow:hidden}.register-progress-fill{height:100%;border-radius:2px;transition:width .3s ease}.register-form{flex:1;padding:24px;overflow-y:auto}.register-step-title{font-family:Inter,sans-serif;font-size:24px;font-weight:700;color:#1a1a2e;margin:0 0 8px}.register-step-subtitle{font-family:Inter,sans-serif;font-size:16px;color:#4a4b6e;margin:0 0 32px}.register-input-container{margin-bottom:24px}.register-label{display:block;font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#1a1a2e;margin-bottom:8px}.register-input{width:100%;padding:16px;font-family:Inter,sans-serif;font-size:16px;color:#1a1a2e;background:#fff;border:2px solid #e8eaf6;border-radius:14px;outline:none;transition:all .2s;box-sizing:border-box;box-shadow:0 2px 4px #0000000d}.register-input:focus{border-color:#6c63ff}.register-input::placeholder{color:#8e9aaf}.register-input-error{border-color:#e63946}.register-password-container{display:flex;align-items:center;border:2px solid #e8eaf6;background:#fff;border-radius:14px;transition:all .2s;box-shadow:0 2px 4px #0000000d}.register-password-container:focus-within{border-color:#6c63ff}.register-password-input{flex:1;padding:16px;font-family:Inter,sans-serif;font-size:16px;color:#1a1a2e;background:transparent;border:none;outline:none}.register-password-input::placeholder{color:#8e9aaf}.register-eye-button{padding:16px;background:none;border:none;cursor:pointer;color:#8e9aaf;display:flex;align-items:center;justify-content:center}.register-error{font-family:Inter,sans-serif;font-size:12px;color:#e63946;margin:6px 0 0}.register-success{font-family:Inter,sans-serif;font-size:12px;color:#38b000;margin:6px 0 0}.register-info{font-family:Inter,sans-serif;font-size:12px;color:#4a4b6e;margin:6px 0 0}.register-requirements{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.register-requirement{display:flex;align-items:center;gap:4px;font-family:Inter,sans-serif;font-size:12px;color:#4a4b6e}.register-requirement span.met{color:#38b000;font-weight:500}.register-checkbox-container{display:flex;align-items:center;gap:12px;margin-bottom:16px;cursor:pointer}.register-checkbox{width:24px;height:24px;border:2px solid #e8eaf6;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;background:#fff;padding:0}.register-checkbox.checked{border-color:#6c63ff;background-color:#6c63ff}.register-checkbox-label{font-family:Inter,sans-serif;font-size:14px;color:#1a1a2e;flex:1}.register-link{color:#6c63ff;text-decoration:none;font-weight:500}.register-link:hover{text-decoration:underline}.register-buttons{display:flex;gap:16px;padding:24px;background:#f8f9ff}.register-back-button{display:flex;align-items:center;gap:8px;padding:16px 24px;background:#fff;border:2px solid #e8eaf6;border-radius:14px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;color:#6c63ff;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0000000d}.register-back-button:hover{background-color:#f0f0f0;border-color:#d0d0d0;transform:translateY(-1px)}.register-next-button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:18px 24px;border:none;border-radius:14px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s;box-shadow:0 8px 16px #6c63ff4d}.register-next-button:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 12px 20px #6c63ff66}.register-next-button:active:not(.disabled){transform:translateY(0)}.register-next-button.disabled{opacity:.7;cursor:not-allowed;background:#0000001a!important;box-shadow:none}.forgot-password-container{min-height:100vh;background-color:#f8f9ff;display:flex;flex-direction:column}.forgot-password-content{flex:1;display:flex;flex-direction:column;max-width:480px;margin:0 auto;width:100%}.forgot-password-header{padding:24px;display:flex;align-items:center}.forgot-password-back-button{width:40px;height:40px;border-radius:20px;background-color:#fff;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;box-shadow:0 2px 8px #0000000d;transition:all .2s;color:#1a1a2e}.forgot-password-back-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.forgot-password-body{padding:24px;flex:1;display:flex;flex-direction:column;align-items:center}.icon-container{margin-bottom:32px}.icon-gradient{width:80px;height:80px;border-radius:40px;background:linear-gradient(135deg,#60a5fa,#3b82f6);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px #3b82f64d}.input-label{display:block;font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#334155;margin-bottom:8px}.input-wrapper{display:flex;align-items:center;background-color:#fff;border-radius:14px;border:2px solid #e2e8f0;padding:0 16px;box-shadow:0 2px 4px #0000000d;transition:all .2s}.input-wrapper:focus-within{border-color:#6c63ff;box-shadow:0 4px 12px #6c63ff26}.input-icon{margin-right:12px}.fp-input{flex:1;padding:16px 0;border:none;background:transparent;font-family:Inter,sans-serif;font-size:16px;color:#0f172a;outline:none}.fp-input::placeholder{color:#cbd5e1}.primary-button{width:100%;padding:18px;border:none;border-radius:14px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-family:Inter,sans-serif;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 8px 16px #3b82f64d;transition:all .2s;margin-top:16px}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 20px #3b82f666}.primary-button:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed;opacity:.7}.back-to-login{margin-top:32px;text-align:center}.back-to-login-text{font-family:Inter,sans-serif;font-size:14px;color:#64748b}.back-to-login-link{color:#6c63ff;font-weight:600;text-decoration:none}.back-to-login-link:hover{text-decoration:underline}.success-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;min-height:80vh}.success-icon-gradient{width:120px;height:120px;border-radius:60px;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 24px #10b98166;margin-bottom:32px}.otp-input{font-family:Inter,sans-serif;font-size:24px;font-weight:700;letter-spacing:8px;text-align:center}.input-hint{font-family:Inter,sans-serif;font-size:12px;color:#94a3b8;margin-top:8px;margin-left:4px}.rule-text{font-weight:600}.rule-text.met{color:#10b981}.toggle-icon{margin-left:12px;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:#f8f9ff;color:#1a1a2e;line-height:1.5}button{font-family:inherit;cursor:pointer}a{text-decoration:none;color:inherit}html{overflow-y:scroll}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}:focus-visible{outline:2px solid #6c63ff;outline-offset:2px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}.verify-email-container{min-height:100vh;background-color:#f8f9ff;display:flex;flex-direction:column}.verify-email-header{padding:24px;display:flex;align-items:center}.verify-email-back-button{width:40px;height:40px;border-radius:20px;background-color:#fff;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;box-shadow:0 2px 8px #0000000d;transition:all .2s;color:#1a1a2e}.verify-email-back-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.verify-email-content{flex:1;display:flex;flex-direction:column;max-width:480px;margin:0 auto;width:100%}.verify-email-body{padding:24px;flex:1;display:flex;flex-direction:column;align-items:center}.verify-icon-container{margin-bottom:24px}.verify-icon-gradient{width:80px;height:80px;border-radius:40px;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px #10b9814d}.page-title{font-family:Inter,sans-serif;font-size:28px;font-weight:700;color:#0f172a;margin:0 0 12px;text-align:center}.page-subtitle{font-family:Inter,sans-serif;font-size:16px;color:#64748b;text-align:center;margin:0 0 40px;line-height:1.5;max-width:320px}.form{width:100%}.input-wrapper{display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:14px;padding:16px;box-shadow:0 2px 4px #0000000d}.otp-input{font-family:Inter,sans-serif;font-size:32px;font-weight:700;letter-spacing:12px;text-align:center;border:none;background:transparent;width:100%;color:#0f172a;outline:none}.otp-input::placeholder{color:#cbd5e1;letter-spacing:4px}.verify-button{width:100%;padding:18px;border:none;border-radius:14px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-family:Inter,sans-serif;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 8px 16px #6366f14d;transition:all .2s;margin-bottom:32px}.verify-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 20px #6366f166}.verify-button:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed;opacity:.7}.resend-container{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.resend-container p{margin:0;font-family:Inter,sans-serif;font-size:14px;color:#64748b}.resend-button{background:none;border:none;cursor:pointer;padding:8px 16px;border-radius:8px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#6c63ff;transition:all .2s}.resend-button:hover:not(:disabled){background-color:#6c63ff0d}.resend-button:disabled{color:#94a3b8;cursor:default}.success-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:24px;background-color:#f8f9ff;text-align:center}.success-image-container{margin-bottom:32px}.success-image-placeholder{width:120px;height:120px;border-radius:60px;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 24px #10b9814d}.continue-button{width:100%;max-width:300px;padding:16px;border:none;border-radius:12px;background-color:#6c63ff;color:#fff;font-family:Inter,sans-serif;font-size:16px;font-weight:600;cursor:pointer;margin-top:32px;box-shadow:0 4px 12px #6c63ff4d;transition:all .2s}.continue-button:hover{transform:translateY(-2px);box-shadow:0 8px 16px #6c63ff66}.notification-badge-container{position:relative;display:flex;align-items:center;justify-content:center;color:#fff}.notification-badge-count{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;font-size:10px;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center}.wallet-balance-card-container{margin-top:8px;margin-left:16px;margin-right:16px;border-radius:16px;box-shadow:0 6px 12px #6366f140;overflow:hidden}.wallet-balance-card-gradient{padding:16px;border-radius:16px;position:relative;overflow:hidden;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7)}.decor-circle-1{position:absolute;width:100px;height:100px;border-radius:50%;background-color:#ffffff14;top:-40px;right:-20px}.decor-circle-2{position:absolute;width:60px;height:60px;border-radius:50%;background-color:#ffffff0d;bottom:-20px;left:-10px}.wallet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.wallet-title-row{display:flex;align-items:center;gap:6px}.wallet-title{font-family:Inter,sans-serif;font-weight:500;font-size:12px;color:#fffc}.wallet-balance-toggle{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.wallet-balance-toggle:hover{opacity:.8}.wallet-balance-value{font-family:Inter,sans-serif;font-weight:700;font-size:28px;color:#fff;letter-spacing:-.5px;margin-bottom:12px}.wallet-bottom-row{display:flex;justify-content:space-between;align-items:center}.naira-info{display:flex;align-items:center}.naira-dot{width:6px;height:6px;border-radius:3px;background-color:#facc15;margin-right:6px}.naira-label{font-family:Inter,sans-serif;font-weight:500;font-size:12px;color:#ffffffb3}.details-button{display:flex;align-items:center;background-color:#fff3;border-radius:20px;padding:6px 12px;gap:4px;border:none;cursor:pointer;transition:background-color .2s}.details-button:hover{background-color:#ffffff4d}.details-text{font-family:Inter,sans-serif;font-weight:500;font-size:12px;color:#fff}.recent-transaction{display:flex;align-items:center;gap:12px;width:100%;padding:12px;background:transparent;border:none;border-radius:12px;cursor:pointer;transition:background-color .2s;text-align:left}.recent-transaction:hover{background:#00000005}.recent-transaction-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.recent-transaction-details{flex:1;min-width:0}.recent-transaction-title{font-size:14px;font-weight:500;color:#1a1a2e;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-transaction-subtitle{font-size:12px;color:#8e9aaf;margin:0}.recent-transaction-status{text-transform:capitalize}.recent-transaction-amount{display:flex;align-items:center;gap:4px}.recent-transaction-value{font-size:14px;font-weight:600;margin:0}.banner-carousel-container{width:calc(100% - 32px);overflow:hidden;position:relative;border-radius:16px;margin:24px 16px 0;min-height:160px}.banner-carousel-track{display:flex;transition:transform .5s ease-in-out;width:100%;height:100%}.banner-slide{min-width:100%;height:160px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;border-radius:16px}.banner-image{width:100%;height:100%;object-fit:cover;border-radius:16px}.banner-lottie-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.banner-loading-placeholder{width:100%;height:100%;background-color:#f0f0f5;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.banner-indicators{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:center;gap:8px;pointer-events:none}.banner-indicator{width:8px;height:8px;border-radius:50%;background-color:#0003;cursor:pointer;transition:all .3s;pointer-events:auto}.banner-indicator.active{background-color:#fff;width:20px;border-radius:100px;box-shadow:0 1px 3px #0000004d}.pin-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:24px}.pin-modal-content{background:#fff;border-radius:24px;padding:32px;width:100%;max-width:400px;box-shadow:0 10px 25px #0000001a;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.pin-modal-title{font-family:Inter,sans-serif;font-weight:700;font-size:20px;color:#1a1a2e;text-align:center;margin:0 0 16px}.pin-modal-subtitle{font-family:Inter,sans-serif;font-weight:500;font-size:15px;color:#4a4b6e;text-align:center;background-color:#f8f9ff;padding:12px 16px;border-radius:12px;border:1px solid #e8eaf6;margin:0 0 24px}.pin-inputs-row{display:flex;justify-content:space-between;margin-bottom:24px;gap:12px}.pin-input{width:60px;height:60px;border-radius:12px;border:2px solid #e8eaf6;background:#fff;font-family:Inter,sans-serif;font-weight:700;font-size:24px;text-align:center;color:#1a1a2e;outline:none;transition:all .2s}.pin-input:focus{border-color:#6c63ff;box-shadow:0 0 0 3px #6c63ff1a}.pin-input.filled{border-color:#6c63ff;background-color:#f8f9ff}.pin-error{text-align:center;color:#ff6b6b;font-size:14px;margin-bottom:16px}.pin-action-btn{width:100%;padding:16px;border:none;border-radius:14px;background-color:#6c63ff;color:#fff;font-family:Inter,sans-serif;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s;display:flex;justify-content:center;align-items:center}.pin-action-btn:hover:not(.disabled){background-color:#5a52d5;transform:translateY(-1px)}.pin-action-btn.disabled{opacity:.6;cursor:not-allowed;background-color:#a5a2d6}.dashboard{min-height:100vh;background-color:#f8f9ff}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom-left-radius:24px;border-bottom-right-radius:24px;box-shadow:0 4px 16px #6c63ff33}.dashboard-user-container{display:flex;align-items:center;gap:16px;background:none;border:none;cursor:pointer}.dashboard-avatar{width:44px;height:44px;border-radius:22px;border:2px solid rgba(255,255,255,.9);object-fit:cover}.dashboard-text-container{text-align:left}.dashboard-greeting{font-size:10px;font-weight:500;color:#ffffffe6;margin:0 0 4px}.dashboard-username{font-size:14px;font-weight:700;color:#fff;margin:0}.dashboard-notification-icon{width:40px;height:40px;border-radius:20px;background:#ffffff1a;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.dashboard-scroll{padding-bottom:100px}.dashboard-bonus-banner{display:flex;align-items:center;gap:16px;margin:16px;padding:16px;border-radius:16px;border:none;cursor:pointer;width:calc(100% - 32px);text-align:left}.dashboard-bonus-icon-wrap{width:36px;height:36px;border-radius:18px;background:#ffffff2e;display:flex;align-items:center;justify-content:center}.dashboard-bonus-content{flex:1}.dashboard-bonus-title{color:#fff;font-weight:600;font-size:12px;margin:0 0 2px}.dashboard-bonus-subtitle{color:#ffffffe6;font-size:10px;margin:0}.dashboard-bonus-amount-wrap{display:flex;align-items:center;gap:4px;background:#ffffff29;border-radius:20px;padding:6px 10px}.dashboard-bonus-amount{color:#fff;font-weight:700;font-size:10px}.dashboard-kyc-banner{display:flex;align-items:center;background:#fff;border-radius:12px;padding:16px;margin:16px;border:1px solid #e8eaf6;cursor:pointer;width:calc(100% - 32px);text-align:left}.dashboard-kyc-badge{border-radius:16px;padding:8px 16px;margin-right:16px}.dashboard-kyc-level{color:#fff;font-weight:600;font-size:10px}.dashboard-kyc-content{flex:1}.dashboard-kyc-title{font-weight:600;font-size:10px;color:#1a1a2e;margin:0 0 4px}.dashboard-kyc-subtitle{font-size:10px;color:#4a4b6e;margin:0}.dashboard-reward-banner{position:relative;margin:0 16px 16px;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#6c63ff,#8b5cf6);padding:16px;border:none;cursor:pointer;width:calc(100% - 32px);box-shadow:0 4px 16px #6c63ff4d}.dashboard-reward-decor{position:absolute;width:100px;height:100px;border-radius:50%;background:#ffffff1a;top:-30px;right:-20px}.dashboard-reward-content{display:flex;align-items:center;position:relative;z-index:1}.dashboard-reward-icon-wrap{width:44px;height:44px;border-radius:22px;background:#fff3;display:flex;align-items:center;justify-content:center;margin-right:16px}.dashboard-reward-text{flex:1;text-align:left}.dashboard-reward-title-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.dashboard-reward-title{font-weight:700;font-size:12px;color:#fff}.dashboard-reward-badge{display:flex;align-items:center;gap:4px;background:#fff3;border-radius:8px;padding:2px 6px;font-size:10px;font-weight:600;color:gold}.dashboard-reward-subtitle{font-size:12px;color:#ffffffe6;margin:0}.dashboard-reward-arrow-wrap{padding:8px}.dashboard-quick-actions{padding:0 16px;margin-bottom:24px}.dashboard-section-title{font-weight:600;font-size:14px;color:#1a1a2e;margin:0 0 12px}.dashboard-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.dashboard-action-card{background:#fff;border:1px solid #e8eaf6;border-radius:16px;padding:16px 8px;border-top-width:3px;border-top-style:solid;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:transform .2s,box-shadow .2s}.dashboard-action-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.dashboard-action-icon{font-size:24px}.dashboard-action-title{font-size:12px;font-weight:500;color:#1a1a2e}.dashboard-recent-transactions{padding:0 16px;margin-bottom:24px;margin-top:24px}.dashboard-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.dashboard-see-all{background:none;border:none;font-size:12px;font-weight:600;color:#6c63ff;cursor:pointer}.dashboard-transactions-list{background:#fff;border-radius:16px;border:1px solid #e8eaf6;padding:8px}.dashboard-empty-text{text-align:center;color:#8e9aaf;padding:24px;margin:0}.dashboard-footer{padding:16px;text-align:center}.dashboard-support-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;background-color:#f0f4ff;border:none;border-radius:24px;font-size:14px;font-weight:500;color:#1a1a2e;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.dashboard-support-button:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}@media(max-width:480px){.dashboard-actions-grid{grid-template-columns:repeat(2,1fr)}}.app-header{padding:24px 16px 16px;border-bottom-left-radius:24px;border-bottom-right-radius:24px;box-shadow:0 4px 16px #6c63ff33}.app-header-content{display:flex;align-items:center;gap:12px;max-width:1200px;margin:0 auto}.app-header-back{background:#ffffff26;border:none;border-radius:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.app-header-back:hover{background:#ffffff40}.app-header-text{flex:1}.app-header-title{font-family:Inter,sans-serif;font-weight:700;font-size:22px;color:#fff;margin:0;line-height:1.2}.app-header-subtitle{font-family:Inter,sans-serif;font-weight:400;font-size:14px;color:#fffc;margin:4px 0 0}.app-header-right{display:flex;align-items:center}.wallet-card{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:8px 12px;background-color:#fff;border-radius:12px;margin-bottom:8px;border:1px solid #e5e7eb;transition:all .2s ease;cursor:pointer;width:100%}.wallet-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.wallet-card-left{display:flex;align-items:center}.wallet-currency-badge{width:32px;height:32px;border-radius:10px;display:flex;justify-content:center;align-items:center;margin-right:10px;background-color:transparent}.wallet-currency-img{width:100%;height:100%;object-fit:contain}.wallet-info{display:flex;flex-direction:column;align-items:flex-start}.wallet-name{font-family:Inter,sans-serif;font-weight:600;font-size:14px;color:#111827;margin:0}.wallet-subtext{font-family:Inter,sans-serif;font-size:12px;color:#6b7280;margin:0}.wallet-card-right{display:flex;align-items:center;text-align:right}.wallet-balance{font-family:Inter,sans-serif;font-weight:600;font-size:14px;color:#111827;margin-right:8px}.wallet-page{min-height:100vh;background-color:#f8f9ff}.wallet-content{padding:16px 16px 100px}.wallet-tab-container{display:flex;justify-content:center;gap:8px;margin-bottom:16px}.wallet-tab-button{padding:10px 24px;border-radius:12px;border:2px solid #e8eaf6;background:#f8f9ff;font-weight:600;font-size:12px;color:#4a4b6e;cursor:pointer;transition:all .2s;min-width:100px}.wallet-tab-button.selected{color:#fff}.wallet-tab-button:hover:not(.selected){background:#e8eaf6}.wallet-list{display:flex;flex-direction:column;gap:12px}.wallet-card{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border:1px solid #e8eaf6;border-radius:16px;cursor:pointer;transition:transform .2s,box-shadow .2s;width:100%;text-align:left}.wallet-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.wallet-card-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.wallet-card-info{flex:1}.wallet-card-name{font-weight:600;font-size:14px;color:#1a1a2e;margin:0 0 4px}.wallet-card-balance{font-size:14px;color:#4a4b6e;margin:0}.transactions-page{min-height:100vh;background-color:#f8f9ff}.transactions-header{padding:24px 16px 16px;border-bottom-left-radius:24px;border-bottom-right-radius:24px;box-shadow:0 4px 16px #6c63ff33;margin-bottom:8px}.transactions-header-content{display:flex;align-items:center;justify-content:space-between}.transactions-title{font-size:18px;font-weight:600;color:#fff;margin:0}.transactions-icon-button{width:44px;height:44px;border-radius:16px;background:#fff3;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.transactions-icon-button:hover{background:#ffffff4d}.transactions-search-container{padding:16px}.transactions-search-input{width:100%;padding:12px 16px;font-size:14px;border:2px solid #e8eaf6;border-radius:12px;outline:none;transition:border-color .2s;box-sizing:border-box}.transactions-search-input:focus{border-color:#6c63ff}.transactions-filter-container{display:flex;gap:8px;padding:0 16px 16px;overflow-x:auto}.transactions-filter-button{padding:8px 16px;border-radius:20px;border:1px solid #e8eaf6;background:#fff;font-size:12px;font-weight:500;color:#4a4b6e;cursor:pointer;white-space:nowrap;transition:all .2s}.transactions-filter-button.active{color:#fff;border-color:transparent}.transactions-list{padding:0 16px 100px}.transactions-date-group{background:#fff;border-radius:16px;padding:16px;margin-bottom:16px;border:1px solid #e8eaf6}.transactions-date-header{font-size:12px;font-weight:600;color:#8e9aaf;margin:0 0 12px}.transactions-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:#8e9aaf}.transactions-spinner{width:32px;height:32px;border:3px solid #e8eaf6;border-top-color:#6c63ff;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}.transactions-empty{background:#fff;border-radius:16px;padding:48px;text-align:center;border:1px solid #e8eaf6;color:#8e9aaf}.profile-page{min-height:100vh;background-color:#f8f9ff}.profile-content{padding:16px 16px 100px}.profile-card{display:flex;align-items:center;padding:24px;background:#fff;border-radius:24px;margin-bottom:24px;border:1px solid #e8eaf6;cursor:pointer;width:100%;text-align:left;transition:box-shadow .2s}.profile-card:hover{box-shadow:0 4px 16px #0000000f}.profile-image{width:64px;height:64px;border-radius:32px;border:2px solid rgba(255,255,255,.9);object-fit:cover}.profile-info{flex:1;margin-left:16px}.profile-name{font-weight:700;font-size:14px;color:#1a1a2e;margin:0 0 4px}.profile-email{font-size:12px;color:#8e9aaf;margin:0}.profile-edit-button{padding:8px;background:#ffffffe6;border-radius:20px}.profile-section{margin-bottom:24px}.profile-section-title{font-weight:600;font-size:12px;color:#8e9aaf;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;padding-left:4px}.profile-menu-card{background:#fff;border-radius:20px;border:1px solid #e8eaf6;overflow:hidden}.profile-menu-item{display:flex;align-items:center;width:100%;padding:16px 20px;background:transparent;border:none;border-bottom:1px solid #e8eaf6;cursor:pointer;transition:background-color .2s;text-align:left}.profile-menu-item:last-child{border-bottom:none}.profile-menu-item:hover{background:#f8f9ff}.profile-menu-icon-wrap{width:40px;height:40px;border-radius:12px;background:#6c63ff1a;display:flex;align-items:center;justify-content:center;margin-right:16px}.profile-menu-title{flex:1;font-size:14px;font-weight:500;color:#1a1a2e}.profile-logout-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px;margin-bottom:16px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:16px;font-size:14px;font-weight:600;color:#e63946;cursor:pointer;transition:background-color .2s}.profile-logout-button:hover{background:#ef444426}.profile-delete-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:transparent;border:none;font-size:14px;font-weight:500;color:#ff70a6;cursor:pointer}.profile-version{text-align:center;margin-top:16px}.profile-version p{font-size:12px;color:#8e9aaf;margin:0}.receive-crypto-hero{margin:16px;border-radius:16px;padding:24px;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);position:relative;overflow:hidden}.receive-crypto-hero:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:#ffffff14;top:-40px;right:-30px}.receive-crypto-hero:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;background:#ffffff0d;bottom:-20px;left:-10px}.receive-crypto-hero-content{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.receive-crypto-hero-icon{width:64px;height:64px;border-radius:20px;background:#fff3;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.receive-crypto-hero-subtitle{font-size:14px;font-weight:500;color:#ffffffe6;text-align:center;line-height:1.5}.receive-crypto-features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 16px 24px}.receive-crypto-feature-item{background:#fff;border-radius:12px;padding:16px;text-align:center;box-shadow:0 2px 8px #0000000d}.receive-crypto-feature-icon{width:40px;height:40px;border-radius:12px;background:#6366f11a;display:flex;align-items:center;justify-content:center;margin:0 auto 8px}.receive-crypto-feature-title{font-size:12px;font-weight:600;color:#1a1a2e;margin-bottom:4px}.receive-crypto-feature-text{font-size:10px;color:#4a4b6e}.receive-crypto-section{padding:0 16px 32px}.receive-crypto-section-title{font-size:18px;font-weight:700;color:#1a1a2e;margin-bottom:16px}.receive-crypto-currency-card{background:#fff;border-radius:12px;padding:12px;margin-bottom:8px;display:flex;align-items:center;cursor:pointer;transition:transform .2s,box-shadow .2s;border:none;width:100%;text-align:left;box-shadow:0 1px 4px #00000008}.receive-crypto-currency-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.receive-crypto-currency-icon{width:40px;height:40px;border-radius:50%;margin-right:12px;object-fit:contain}.receive-crypto-currency-details{flex:1}.receive-crypto-currency-name{font-size:14px;font-weight:600;color:#1a1a2e}.receive-crypto-currency-symbol{font-size:12px;color:#4a4b6e}.receive-crypto-payment-link{margin:0 16px 24px;border-radius:16px;overflow:hidden;box-shadow:0 4px 15px #6366f133}.receive-crypto-payment-link-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);padding:16px;border:none;width:100%;cursor:pointer;display:flex;align-items:center}.receive-crypto-payment-link-icon{width:44px;height:44px;border-radius:14px;background:#fff3;display:flex;align-items:center;justify-content:center;margin-right:14px;font-size:22px}.receive-crypto-payment-link-info{flex:1;text-align:left}.receive-crypto-payment-link-title{font-size:15px;font-weight:700;color:#fff;margin-bottom:2px}.receive-crypto-payment-link-desc{font-size:12px;color:#ffffffd9}.receive-crypto-naira-direct{margin:0 16px 24px;background:#f0f9ff;border-radius:14px;padding:16px;border:1px solid #e0f2fe}.receive-crypto-naira-direct-header{display:flex;align-items:flex-start}.receive-crypto-naira-direct-icon{width:44px;height:44px;border-radius:50%;background:#6366f11a;display:flex;align-items:center;justify-content:center;margin-right:14px;flex-shrink:0}.receive-crypto-naira-direct-text{flex:1;margin-right:12px}.receive-crypto-naira-direct-title{font-size:15px;font-weight:600;color:#1a1a2e;margin-bottom:4px}.receive-crypto-naira-direct-subtitle{font-size:13px;color:#4a4b6e;line-height:1.4}.receive-crypto-naira-direct-info{margin-top:16px;padding-top:16px;border-top:1px solid rgba(0,0,0,.05)}.receive-crypto-naira-direct-info-text{font-size:13px;color:#4a4b6e;margin-bottom:6px;line-height:1.5}.receive-crypto-toggle{position:relative;width:52px;height:28px;flex-shrink:0}.receive-crypto-toggle input{opacity:0;width:0;height:0}.receive-crypto-toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#e5e7eb;transition:.3s;border-radius:28px}.receive-crypto-toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0000001a}.receive-crypto-toggle input:checked+.receive-crypto-toggle-slider{background-color:#6366f1}.receive-crypto-toggle input:checked+.receive-crypto-toggle-slider:before{transform:translate(24px)}.receive-crypto-address-page{padding:16px}.receive-crypto-network-buttons{display:flex;justify-content:center;gap:10px;margin-bottom:24px}.receive-crypto-network-btn{padding:10px 20px;border-radius:12px;border:1.5px solid #e8eaf6;background:#f8f9ff;font-size:13px;font-weight:600;color:#4a4b6e;cursor:pointer;transition:all .2s;min-width:80px}.receive-crypto-network-btn.active{background:#6366f1;border-color:#6366f1;color:#fff;box-shadow:0 4px 12px #6366f14d}.receive-crypto-qr-container{display:flex;justify-content:center;margin-bottom:24px}.receive-crypto-qr-wrapper{background:#fff;padding:24px;border-radius:20px;box-shadow:0 4px 20px #0000000f}.receive-crypto-address-container{margin-bottom:24px}.receive-crypto-address-label{font-size:13px;color:#4a4b6e;margin-bottom:8px;font-weight:500}.receive-crypto-address-card{display:flex;align-items:center;background:#f8f9ff;border-radius:14px;padding:14px 16px;border:1.5px solid #e8eaf6}.receive-crypto-address-text{flex:1;font-size:14px;font-weight:500;color:#1a1a2e;word-break:break-all;margin-right:12px}.receive-crypto-copy-btn{padding:10px;border-radius:12px;background:#6366f11a;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.receive-crypto-copy-btn:hover{background:#6366f133}.receive-crypto-copied-text{font-size:13px;color:#38b000;text-align:center;margin-top:8px}.receive-crypto-share-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px;background:#6366f1;border:none;border-radius:14px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;margin-bottom:16px;box-shadow:0 4px 16px #6366f166;transition:transform .2s,box-shadow .2s}.receive-crypto-share-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.receive-crypto-warning{background:#f59e0b14;border-radius:14px;padding:18px;border:1.5px solid rgba(245,158,11,.2);margin-top:16px}.receive-crypto-warning-title{font-size:15px;font-weight:600;color:#d97706;margin-bottom:10px}.receive-crypto-warning-text{font-size:13px;color:#92400e;line-height:1.6}.receive-crypto-generate-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.receive-crypto-generate-btn{padding:16px 32px;background:#6366f1;border:none;border-radius:14px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 16px #6366f166;transition:transform .2s,box-shadow .2s}.receive-crypto-generate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.receive-crypto-generate-btn:disabled{opacity:.6;cursor:not-allowed}.receive-crypto-generating-text{font-size:14px;color:#4a4b6e;margin-top:16px;line-height:1.6;max-width:400px}.receive-crypto-alert{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:14px 24px;border-radius:12px;font-size:14px;font-weight:500;z-index:1000;animation:slideUp .3s ease;max-width:90%;text-align:center}.receive-crypto-alert.success{background:#38b000;color:#fff}.receive-crypto-alert.error{background:#e63946;color:#fff}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.receive-crypto-back{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:none;cursor:pointer;font-size:14px;font-weight:500;color:#4a4b6e;margin-bottom:8px}.receive-crypto-back:hover{color:#6366f1}.receive-crypto-page-header{display:flex;align-items:center;padding:16px;border-bottom:1px solid #e8eaf6;background:#fff}.receive-crypto-page-title{flex:1;font-size:18px;font-weight:700;color:#1a1a2e;text-align:center;margin-right:40px}.payment-link-page{min-height:100vh;background-color:#f8f9ff;padding:16px 16px 40px}.payment-link-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.payment-link-back{background:none;border:none;padding:8px;cursor:pointer;color:#1a1a2e;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.payment-link-back:hover{background-color:#0000000d}.payment-link-title-header{font-size:18px;font-weight:600;color:#1a1a2e;margin:0}.payment-link-content{max-width:600px;margin:0 auto}.payment-link-card{background-color:#fff;border-radius:16px;border:1px solid #e8eaf6;padding:24px;box-shadow:0 4px 8px #0000000d}.link-container{margin-bottom:24px}.link-label{font-size:14px;font-weight:500;color:#4a4b6e;margin-bottom:8px;display:block}.link-box{background-color:#f8f9ff;border-radius:12px;padding:16px;border:1px solid #e8eaf6;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}.link-text{font-size:16px;color:#1a1a2e;font-weight:500;word-break:break-all}.warning-text{font-size:12px;color:#4a4b6e;margin:8px 0 16px;font-style:italic}.input-container{display:flex;gap:12px;margin-bottom:12px}.payment-link-input{flex:1;padding:12px;background-color:#f8f9ff;border:1px solid #e8eaf6;border-radius:8px;font-size:16px;color:#1a1a2e}.generate-btn-small{background-color:#6c63ff;color:#fff;padding:10px 16px;border:none;border-radius:8px;font-weight:600;cursor:pointer;white-space:nowrap}.generate-btn-small:disabled{background-color:#c7ccdb;cursor:not-allowed}.generate-link-btn{width:100%;background-color:#6c63ff;color:#fff;padding:16px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer}.button-row{display:flex;gap:12px}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:12px;border:none;font-weight:600;cursor:pointer;transition:opacity .2s}.action-btn:hover{opacity:.9}.copy-btn{background-color:#3b82f61a;color:#6c63ff}.share-btn{background-color:#6c63ff;color:#fff}.benefits-container{margin-top:24px}.benefit-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.benefit-text{font-size:14px;color:#1a1a2e;line-height:1.5;flex:1}.convert-crypto-page{min-height:100vh;background:#f8f9ff}.convert-crypto-hero{margin:16px;border-radius:20px;padding:24px;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);position:relative;overflow:hidden}.convert-crypto-hero:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:#ffffff14;top:-40px;right:-30px}.convert-crypto-hero:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;background:#ffffff0d;bottom:-20px;left:-10px}.convert-crypto-hero-content{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;padding:8px 0}.convert-crypto-hero-icon{width:64px;height:64px;border-radius:20px;background:#fff3;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.convert-crypto-hero-subtitle{font-size:14px;font-weight:500;color:#ffffffe6;text-align:center;line-height:1.5}.convert-crypto-features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 16px 24px}.convert-crypto-feature-item{background:#fff;border-radius:12px;padding:16px;text-align:center;box-shadow:0 2px 8px #0000000d}.convert-crypto-feature-icon{width:40px;height:40px;border-radius:12px;background:#6366f11a;display:flex;align-items:center;justify-content:center;margin:0 auto 8px}.convert-crypto-feature-title{font-size:12px;font-weight:600;color:#1a1a2e;margin-bottom:4px}.convert-crypto-feature-text{font-size:10px;color:#4a4b6e}.convert-crypto-section{padding:0 16px 32px}.convert-crypto-section-title{font-size:18px;font-weight:700;color:#1a1a2e;margin-bottom:16px}.convert-crypto-currency-card{background:#fff;border-radius:12px;padding:12px 14px;margin-bottom:8px;display:flex;align-items:center;cursor:pointer;transition:transform .2s,box-shadow .2s;border:none;width:100%;text-align:left;box-shadow:0 1px 4px #00000008}.convert-crypto-currency-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.convert-crypto-currency-icon{width:40px;height:40px;border-radius:50%;margin-right:12px;object-fit:contain}.convert-crypto-currency-details{flex:1}.convert-crypto-currency-name{font-size:14px;font-weight:600;color:#1a1a2e}.convert-crypto-currency-symbol{font-size:12px;color:#4a4b6e}.convert-crypto-balance{text-align:right;margin-right:10px}.convert-crypto-balance-value{font-size:13px;font-weight:600;color:#1a1a2e}.convert-amount-page{min-height:100vh;background:#f8f9ff;display:flex;flex-direction:column}.convert-amount-content{flex:1;padding:16px;display:flex;flex-direction:column;overflow-y:auto}.convert-amount-input-container{margin-bottom:16px}.convert-amount-label{font-size:14px;font-weight:500;color:#4a4b6e;margin-bottom:12px}.convert-amount-input-wrapper{display:flex;align-items:center;background:#f8f9ff;border-radius:16px;border:1.5px solid #e8eaf6;padding:4px 16px;box-shadow:0 2px 8px #00000008}.convert-amount-prefix{font-size:24px;font-weight:700;color:#1a1a2e;margin-right:12px}.convert-amount-input{flex:1;font-size:24px;font-weight:700;color:#1a1a2e;border:none;background:transparent;padding:12px 0;outline:none}.convert-amount-input::placeholder{color:#8e9aaf}.convert-amount-balance-container{background:#6366f10a;border-radius:16px;padding:12px;margin-top:12px;border:1.5px solid rgba(99,102,241,.1)}.convert-amount-balance-row{display:flex;justify-content:space-between;align-items:center}.convert-amount-balance-label{font-size:13px;font-weight:500;color:#4a4b6e}.convert-amount-balance-values{text-align:right}.convert-amount-crypto-balance{font-size:14px;font-weight:600;color:#6366f1;margin-bottom:4px}.convert-amount-usd-balance{font-size:12px;color:#4a4b6e}.convert-amount-conversion{background:#fff;border-radius:16px;padding:12px;border:1.5px solid #e8eaf6;box-shadow:0 2px 8px #00000008}.convert-amount-conversion-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.convert-amount-conversion-item:not(:last-child){border-bottom:1px solid #f0f0f5}.convert-amount-conversion-label{font-size:13px;color:#4a4b6e}.convert-amount-conversion-value{font-size:13px;font-weight:600;color:#1a1a2e}.convert-amount-footer{padding:16px 0 0}.convert-amount-continue-btn{width:100%;padding:16px;background:#6366f1;border:none;border-radius:14px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 16px #6366f166;transition:transform .2s,box-shadow .2s,opacity .2s}.convert-amount-continue-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.convert-amount-continue-btn:disabled{background:#c7ccdb;cursor:not-allowed;box-shadow:none}.convert-amount-info{background:#f59e0b14;border-radius:14px;padding:12px;margin-top:12px;border:1.5px solid rgba(245,158,11,.2)}.convert-amount-info-text{font-size:12px;color:#92400e;line-height:1.6}.convert-amount-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.convert-amount-loading-text{font-size:14px;color:#4a4b6e}.convert-preview-page{min-height:100vh;background:#f8f9ff;display:flex;flex-direction:column}.convert-preview-content{flex:1;padding:24px}.convert-preview-card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 20px #0000000f}.convert-preview-header{text-align:center;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #f0f0f5}.convert-preview-title{font-size:14px;color:#4a4b6e;margin-bottom:8px}.convert-preview-amount{font-size:36px;font-weight:700;color:#1a1a2e}.convert-preview-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0}.convert-preview-row:not(:last-child){border-bottom:1px solid #f0f0f5}.convert-preview-label{font-size:14px;color:#4a4b6e}.convert-preview-value{font-size:14px;font-weight:600;color:#1a1a2e}.convert-preview-value.highlight{color:#38b000;font-size:16px}.convert-preview-footer{padding:24px 0 0}.convert-preview-confirm-btn{width:100%;padding:18px;background:#6366f1;border:none;border-radius:14px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 16px #6366f166;transition:transform .2s,box-shadow .2s}.convert-preview-confirm-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.convert-preview-confirm-btn:disabled{background:#c7ccdb;cursor:not-allowed;box-shadow:none}.convert-loader{width:40px;height:40px;border:3px solid #e8eaf6;border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:480px){.convert-amount-prefix,.convert-amount-input{font-size:24px}}.notifications-page{min-height:100vh;background:#f8f9ff}.notifications-header{display:flex;align-items:center;padding:16px;background:#fff;border-bottom:1px solid #e8eaf6;position:sticky;top:0;z-index:10}.notifications-back{display:flex;align-items:center;gap:8px;padding:8px;background:transparent;border:none;cursor:pointer;color:#4a4b6e}.notifications-back:hover{color:#6366f1}.notifications-title{flex:1;font-size:18px;font-weight:700;color:#1a1a2e;text-align:center;margin-right:40px}.notifications-content{padding:12px}.notifications-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.notifications-empty-icon{width:80px;height:80px;border-radius:50%;background:#6366f11a;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.notifications-empty-title{font-size:18px;font-weight:600;color:#1a1a2e;margin-bottom:8px}.notifications-empty-text{font-size:14px;color:#4a4b6e}.notification-item{display:flex;padding:14px 16px;background:#fff;border-radius:12px;margin-bottom:8px;border:none;width:100%;text-align:left;cursor:pointer;transition:all .2s;border-left:3px solid #6366f1;box-shadow:0 2px 8px #00000008}.notification-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.notification-item.read{opacity:.7;border-left-color:#c7ccdb}.notification-icon{width:36px;height:36px;border-radius:50%;background:#6366f11a;display:flex;align-items:center;justify-content:center;margin-right:14px;flex-shrink:0;position:relative}.notification-unread-dot{position:absolute;top:2px;right:2px;width:10px;height:10px;border-radius:50%;background:#6366f1;border:2px solid #fff}.notification-content{flex:1;min-width:0}.notification-title{font-size:14px;font-weight:600;color:#1a1a2e;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-body{font-size:13px;color:#4a4b6e;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-time{font-size:12px;font-weight:500;color:#6366f1}.notifications-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.notifications-loader{width:40px;height:40px;border:3px solid #e8eaf6;border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}.withdraw-page{min-height:100vh;background:#f8f9ff}.withdraw-header{display:flex;align-items:center;padding:16px;background:#fff;border-bottom:1px solid #e8eaf6}.withdraw-back{display:flex;align-items:center;padding:8px;background:transparent;border:none;cursor:pointer;color:#4a4b6e}.withdraw-back:hover{color:#6366f1}.withdraw-title{flex:1;font-size:18px;font-weight:700;color:#1a1a2e;text-align:center;margin-right:40px}.withdraw-hero{margin:16px;border-radius:20px;padding:24px;background:linear-gradient(135deg,#6366f1,#6b63ff);position:relative;overflow:hidden}.withdraw-hero:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:#ffffff14;top:-40px;right:-30px}.withdraw-hero-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.withdraw-hero-badge{display:inline-flex;background:#ffffff2e;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:500;color:#fff}.withdraw-hero-title{font-size:22px;font-weight:700;color:#fff;margin-bottom:6px}.withdraw-hero-subtitle{font-size:14px;color:#ffffffe6;line-height:1.5}.withdraw-hero-chips{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.withdraw-hero-chip{display:flex;align-items:center;gap:6px;background:#ffffff29;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:500;color:#fff}.withdraw-cards{padding:0 16px;display:flex;flex-direction:column;gap:14px}.withdraw-card{display:flex;align-items:center;gap:14px;padding:18px;background:#fff;border-radius:16px;border:1px solid #e8eaf6;cursor:pointer;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000000a}.withdraw-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.withdraw-card-accent{position:absolute;left:0;top:0;bottom:0;width:6px}.withdraw-card-accent.ngn{background:linear-gradient(180deg,#4f46e540,#4f46e50d)}.withdraw-card-accent.usd{background:linear-gradient(180deg,#10b98140,#10b9810d)}.withdraw-card-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.withdraw-card-icon.ngn{background:#4f46e51a}.withdraw-card-icon.usd{background:#10b9811a}.withdraw-card-content{flex:1}.withdraw-card-title{font-size:15px;font-weight:600;color:#1a1a2e;margin-bottom:4px}.withdraw-card-desc{font-size:13px;color:#4a4b6e}.withdraw-card-arrow{width:32px;height:32px;border-radius:50%;background:#0000000a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.withdraw-info{text-align:center;margin-top:24px;padding:0 16px}.withdraw-info-text{font-size:13px;color:#4a4b6e;font-weight:500}.pay-bills-page{min-height:100vh;background:#f8f9ff}.pay-bills-hero{background:#fff;border-radius:16px;padding:20px;margin:16px;border:1px solid #e8eaf6;box-shadow:0 4px 12px #00000008}.pay-bills-hero-title{font-size:20px;font-weight:700;color:#1a1a2e;margin-bottom:8px}.pay-bills-hero-subtitle{font-size:14px;color:#4a4b6e}.pay-bills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:0 16px 24px}.pay-bills-card{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border-radius:16px;border:1px solid #e8eaf6;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #00000008}.pay-bills-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014;border-color:#6366f1}.pay-bills-card-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pay-bills-card-icon.airtime{background:#4f46e51a}.pay-bills-card-icon.data{background:#10b9811a}.pay-bills-card-content{flex:1}.pay-bills-card-title{font-size:16px;font-weight:600;color:#1a1a2e}.pay-bills-card-subtitle{font-size:12px;color:#4a4b6e;margin-top:2px}.pay-bills-section-header{display:flex;justify-content:space-between;align-items:center;padding:0 16px;margin-bottom:12px}.pay-bills-section-title{font-size:18px;font-weight:700;color:#1a1a2e}.pay-bills-see-all{font-size:14px;font-weight:500;color:#6366f1;background:transparent;border:none;cursor:pointer}.pay-bills-transactions{padding:0 16px 24px}.pay-bills-empty{text-align:center;padding:24px;color:#4a4b6e;font-size:14px}.pay-bills-loading{display:flex;flex-direction:column;align-items:center;padding:24px;gap:8px}.transaction-item{display:flex;align-items:center;gap:12px;padding:14px;background:#fff;border-radius:12px;margin-bottom:8px;cursor:pointer;transition:all .2s;border:1px solid #e8eaf6}.transaction-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.transaction-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.transaction-icon.success{background:#38b0001a}.transaction-icon.pending{background:#f59e0b1a}.transaction-icon.failed{background:#e639461a}.transaction-details{flex:1;min-width:0}.transaction-title{font-size:14px;font-weight:600;color:#1a1a2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transaction-subtitle{font-size:12px;color:#4a4b6e;margin-top:2px}.transaction-amount{text-align:right}.transaction-amount-value{font-size:14px;font-weight:600;color:#1a1a2e}.transaction-amount-value.success{color:#38b000}.transaction-amount-value.failed{color:#e63946}.transaction-status{font-size:11px;font-weight:500;margin-top:2px}.transaction-status.success{color:#38b000}.transaction-status.pending{color:#f59e0b}.transaction-status.failed{color:#e63946}.withdraw-usd-page{min-height:100vh;background-color:#f8f9ff;display:flex;flex-direction:column}.withdraw-usd-header{display:flex;align-items:center;padding:16px;background-color:#fff;border-bottom:1px solid #eef2f6;position:sticky;top:0;z-index:10}.withdraw-usd-back{background:none;border:none;padding:8px;margin-right:12px;cursor:pointer;color:#1a1a2e;border-radius:50%;display:flex;align-items:center;justify-content:center}.withdraw-usd-back:hover{background-color:#f1f5f9}.withdraw-usd-title{font-size:18px;font-weight:700;color:#1a1a2e;flex:1}.withdraw-usd-content{flex:1;padding:16px;display:flex;flex-direction:column;gap:20px;max-width:600px;margin:0 auto;width:100%}.withdraw-usd-hero{background:linear-gradient(135deg,#6366f1,#6b63ff);border-radius:20px;padding:32px 24px;text-align:center;color:#fff;position:relative;overflow:hidden;box-shadow:0 10px 30px #6366f14d}.withdraw-usd-hero-top{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:16px}.withdraw-usd-hero-badge{background:#fff3;padding:6px 16px;border-radius:20px;margin-bottom:16px;display:inline-flex;align-items:center}.withdraw-usd-hero-badge-text{font-size:12px;font-weight:700;color:#fff;letter-spacing:.5px;text-transform:uppercase}.withdraw-usd-hero-title{font-size:24px;font-weight:800;margin-bottom:8px;line-height:1.2}.withdraw-usd-hero-subtitle{font-size:15px;opacity:.9;line-height:1.5;margin-bottom:24px;max-width:80%;margin-left:auto;margin-right:auto}.withdraw-usd-coming-soon{background:#fff;padding:8px 16px;border-radius:12px;display:inline-block;box-shadow:0 4px 12px #0000001a}.withdraw-usd-coming-soon-text{font-size:13px;font-weight:800;color:#6366f1;letter-spacing:1px}.withdraw-usd-features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.withdraw-usd-feature-card{background:#fff;padding:16px;border-radius:16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;box-shadow:0 2px 8px #0000000a;height:100%}.withdraw-usd-icon-bubble{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:4px}.withdraw-usd-feature-text{flex:1;display:flex;flex-direction:column;justify-content:center}.withdraw-usd-feature-title{font-size:13px;font-weight:700;color:#1a1a2e;margin-bottom:4px}.withdraw-usd-feature-desc{font-size:11px;color:#64748b;line-height:1.4}.withdraw-usd-countries{background:#fff;padding:20px;border-radius:16px;box-shadow:0 2px 8px #0000000a}.withdraw-usd-countries-title{font-size:14px;font-weight:600;color:#1a1a2e;margin-bottom:12px}.withdraw-usd-badges-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.withdraw-usd-badge{background:#f1f5f9;padding:6px 12px;border-radius:8px}.withdraw-usd-badge-text{font-size:13px;font-weight:500;color:#475569}.withdraw-usd-countries-hint{font-size:12px;color:#94a3b8}.withdraw-usd-cta{background:#10b981;color:#fff;border:none;padding:16px;border-radius:16px;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 8px 20px #10b9814d;transition:transform .2s,box-shadow .2s;margin-top:auto}.withdraw-usd-cta:hover{transform:translateY(-2px);box-shadow:0 10px 25px #10b98166}.withdraw-usd-cta:active{transform:translateY(0)}.tx-details-page{min-height:100vh;background:#f8f9ff}.tx-details-header{display:flex;align-items:center;padding:16px;background:#fff;border-bottom:1px solid #e8eaf6}.tx-details-back{display:flex;align-items:center;padding:8px;background:transparent;border:none;cursor:pointer;color:#4a4b6e}.tx-details-title{flex:1;font-size:18px;font-weight:700;color:#1a1a2e;text-align:center;margin-right:40px}.tx-details-hero{padding:28px;text-align:center;border-bottom-left-radius:24px;border-bottom-right-radius:24px;margin-bottom:-20px}.tx-details-hero.crypto-swap{background:#e639461a}.tx-details-hero.crypto-deposit{background:#6366f11a}.tx-details-hero.payment{background:#38b0001a}.tx-details-hero.default{background:#f59e0b1a}.tx-details-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.tx-details-icon.success{background:#38b00033}.tx-details-icon.error{background:#e6394633}.tx-details-icon.warning{background:#f59e0b33}.tx-details-icon.primary{background:#6366f133}.tx-details-type{font-size:16px;font-weight:600;color:#1a1a2e;margin-top:8px;text-transform:capitalize}.tx-details-amount{font-size:32px;font-weight:700;color:#1a1a2e;margin:8px 0}.tx-details-currency{font-size:18px;color:#4a4b6e;margin-bottom:20px}.tx-details-status-badge{display:inline-flex;padding:8px 16px;border-radius:12px;font-size:14px;font-weight:500}.tx-details-card{background:#fff;border-radius:16px;padding:24px;margin:0 20px 20px;box-shadow:0 2px 8px #0000000f}.tx-details-section-title{font-size:18px;font-weight:600;color:#1a1a2e;margin-bottom:20px}.tx-details-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f5}.tx-details-row:last-child{border-bottom:none}.tx-details-label{font-size:14px;color:#4a4b6e}.tx-details-value-container{display:flex;align-items:center;gap:8px;justify-content:flex-end;flex:1;margin-left:16px}.tx-details-value{font-size:14px;font-weight:500;color:#1a1a2e;text-align:right;word-break:break-all}.tx-details-value.txid{font-family:monospace;font-size:12px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tx-details-value.success{color:#38b000}.tx-details-value.error{color:#e63946}.tx-details-copy-btn{padding:4px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;gap:4px}.tx-details-copied{font-size:12px;color:#6366f1;font-weight:500}.tx-details-recipient{text-align:right}.tx-details-recipient-name{font-size:14px;font-weight:600;color:#1a1a2e;margin-bottom:4px}.tx-details-recipient-detail{font-size:13px;color:#4a4b6e}.tx-details-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh}.tx-details-not-found{text-align:center;padding:60px 20px;color:#4a4b6e;font-size:16px}.profile-subpage{min-height:100vh;background:#f8f9ff}.profile-subpage-header{display:flex;align-items:center;padding:16px;background:#fff;border-bottom:1px solid #e8eaf6}.profile-subpage-back{display:flex;align-items:center;padding:8px;background:transparent;border:none;cursor:pointer;color:#4a4b6e}.profile-subpage-back:hover{color:#6366f1}.profile-subpage-title{flex:1;font-size:18px;font-weight:700;color:#1a1a2e;text-align:center;margin-right:40px}.profile-subpage-content{padding:16px}.profile-photo-section{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.profile-photo-wrapper{position:relative;width:100px;height:100px;border-radius:50%;overflow:hidden;border:4px solid #fff;box-shadow:0 4px 12px #0000001a;cursor:pointer}.profile-photo{width:100%;height:100%;object-fit:cover}.profile-info-card{background:#fff;border-radius:16px;padding:20px;border:1px solid #e8eaf6;box-shadow:0 2px 8px #00000008}.profile-info-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #f0f0f5}.profile-info-row:last-child{border-bottom:none}.profile-info-label{font-size:14px;color:#4a4b6e;font-weight:500}.profile-info-value{font-size:14px;color:#1a1a2e;text-align:right;max-width:60%;word-break:break-word}.profile-referral-container{display:flex;align-items:center;gap:12px;background:#f8f9ff;padding:12px;border-radius:8px;border:1px solid #e8eaf6}.profile-referral-code{font-size:14px;color:#6366f1;letter-spacing:1px;font-weight:500}.profile-share-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fff;border:1px solid #e8eaf6;border-radius:8px;cursor:pointer;font-size:13px;color:#1a1a2e;font-weight:500}.profile-kyc-container{display:flex;align-items:center;gap:12px;background:#f8f9ff;padding:10px;border-radius:8px;border:1px solid #e8eaf6}.profile-tier-badge{width:32px;height:32px;border-radius:50%;background:#6366f11a;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#6366f1;border:1px solid rgba(99,102,241,.2)}.profile-upgrade-btn{padding:8px 12px;background:#ec48991a;border:1px solid rgba(236,72,153,.2);border-radius:8px;color:#ec4899;font-size:13px;font-weight:500;cursor:pointer}.bank-account-card{display:flex;align-items:center;gap:14px;padding:16px;background:#fff;border-radius:12px;border:1px solid #e8eaf6}.bank-account-icon{width:44px;height:44px;border-radius:12px;background:#6366f11a;display:flex;align-items:center;justify-content:center}.bank-account-details{flex:1}.bank-account-name{font-size:15px;font-weight:600;color:#1a1a2e;margin-bottom:4px}.bank-account-number{font-size:13px;color:#4a4b6e}.security-option{display:flex;align-items:center;gap:14px;padding:16px;background:#fff;border-radius:12px;border:1px solid #e8eaf6;margin-bottom:12px;cursor:pointer;transition:all .2s}.security-option:hover{border-color:#6366f1}.security-option-icon{width:44px;height:44px;border-radius:12px;background:#6366f11a;display:flex;align-items:center;justify-content:center}.security-option-content{flex:1}.security-option-title{font-size:15px;font-weight:600;color:#1a1a2e}.security-option-desc{font-size:13px;color:#4a4b6e;margin-top:2px}.tx-limits-tier{background:#fff;border-radius:16px;padding:20px;margin-bottom:16px;border:1px solid #e8eaf6}.tx-limits-tier-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.tx-limits-tier-badge{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff}.tx-limits-tier-info{flex:1}.tx-limits-tier-title{font-size:16px;font-weight:600;color:#1a1a2e}.tx-limits-tier-status{font-size:12px;color:#38b000;font-weight:500}.tx-limits-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f0f0f5}.tx-limits-row:last-child{border-bottom:none}.tx-limits-label{font-size:13px;color:#4a4b6e}.tx-limits-value{font-size:13px;font-weight:600;color:#1a1a2e}.referral-hero{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:20px;padding:24px;margin-bottom:20px;text-align:center;color:#fff}.referral-title{font-size:20px;font-weight:700;margin-bottom:8px}.referral-subtitle{font-size:14px;opacity:.9}.referral-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.referral-stat-card{background:#fff;border-radius:12px;padding:16px;border:1px solid #e8eaf6;text-align:center}.referral-stat-value{font-size:24px;font-weight:700;color:#6366f1}.referral-stat-label{font-size:12px;color:#4a4b6e;margin-top:4px}.profile-empty{text-align:center;padding:40px 20px}.profile-empty-icon{width:64px;height:64px;border-radius:50%;background:#6366f11a;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.profile-empty-title{font-size:16px;font-weight:600;color:#1a1a2e;margin-bottom:8px}.profile-empty-text{font-size:14px;color:#4a4b6e}.profile-subpage-content{max-width:600px;margin:0 auto}.current-level-badge{display:flex;align-items:center;background:#4f46e51a;padding:16px;border-radius:12px;margin-bottom:20px;border:1px solid rgba(79,70,229,.2)}.current-level-text{font-family:Inter,sans-serif;font-weight:600;font-size:14px;color:#6c63ff;margin-left:12px}.info-banner{display:flex;align-items:center;background:#3b82f61a;padding:12px;border-radius:10px;margin-bottom:24px;border:1px solid rgba(59,130,246,.2)}.info-banner-text{font-family:Inter,sans-serif;font-weight:500;font-size:13px;color:#6c63ff;margin-left:10px;flex:1}.tier-card-wrapper{background:#fff;border-radius:16px;margin-bottom:16px;border:1px solid #e8eaf6;box-shadow:0 4px 6px -1px #0000000d;overflow:hidden;transition:all .2s ease}.tier-card-wrapper:hover{box-shadow:0 10px 15px -3px #0000000d;transform:translateY(-1px)}.tier-card-header{padding:20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;background:#fff}.tier-card-header.expanded{background:#f8fafc;border-bottom:1px solid #f1f5f9}.tier-info{display:flex;align-items:center;gap:12px}.tier-chevron{display:flex;align-items:center;justify-content:center;transition:transform .2s ease;color:#64748b}.tier-chevron.rotated{transform:rotate(180deg)}.tier-name{font-family:Inter,sans-serif;font-weight:600;font-size:16px;color:#1e293b}.tier-actions{display:flex;align-items:center}.verified-badge{display:flex;align-items:center;gap:6px;background:#10b9811a;padding:6px 12px;border-radius:20px;border:1px solid rgba(16,185,129,.2)}.verified-badge span{font-size:12px;font-weight:600;color:#10b981}.upgrade-button{display:flex;align-items:center;gap:6px;background:#ec48991a;padding:8px 14px;border-radius:20px;border:1px solid rgba(236,72,153,.2);cursor:pointer;transition:all .2s}.upgrade-button:hover{background:#ec489926}.upgrade-button span{font-size:12px;font-weight:600;color:#ec4899}.pending-badge{background:#f59e0b1a;padding:6px 12px;border-radius:20px;border:1px solid rgba(245,158,11,.2)}.pending-badge span{font-size:12px;font-weight:600;color:#f59e0b}.tier-details{padding:20px;background:#f8fafc;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tier-description{background:#3b82f60d;padding:12px;border-radius:8px;margin-bottom:20px;border:1px solid rgba(59,130,246,.1)}.tier-description p{font-size:13px;color:#334155;line-height:1.5;margin:0}.limits-container{background:#fff;border-radius:12px;padding:16px;margin-bottom:20px;border:1px solid #e2e8f0}.limit-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.limit-row:not(:last-child){border-bottom:1px solid #f1f5f9}.limit-label{font-size:13px;color:#64748b}.limit-value{font-size:14px;font-weight:600;color:#1e293b}.requirements-container{border-top:1px solid #e2e8f0;padding-top:20px}.requirements-title{font-weight:600;font-size:15px;color:#1e293b;margin-bottom:12px}.requirement-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;padding:12px;background:#fff;border-radius:8px;border:1px solid #f1f5f9}.requirement-text{font-size:13px;color:#334155;line-height:1.4;flex:1}.info-section{background:#4f46e508;padding:20px;border-radius:12px;border:1px solid rgba(79,70,229,.1);margin-top:32px}.info-section-title{font-weight:600;font-size:15px;color:#1e293b;margin-bottom:12px}.info-list{list-style:none;padding:0;margin:0}.info-list li{position:relative;padding-left:16px;margin-bottom:8px;font-size:13px;color:#64748b;line-height:1.5}.info-list li:before{content:"•";position:absolute;left:0;color:#6c63ff;font-weight:700}.add-bank-btn{display:flex;align-items:center;width:100%;background-color:#6366f11a;padding:16px;border-radius:12px;border:none;cursor:pointer;margin-bottom:24px;transition:background-color .2s}.add-bank-btn:hover{background-color:#6366f126}.add-bank-icon{width:36px;height:36px;border-radius:18px;background-color:#6366f133;display:flex;align-items:center;justify-content:center;margin-right:12px}.add-bank-btn span{color:#6366f1;font-size:16px;font-weight:500;font-family:Inter,sans-serif}.section-title{font-size:16px;font-weight:600;color:#1a1a2e;margin-bottom:16px}.bank-accounts-list{display:flex;flex-direction:column;gap:12px}.bank-account-card{display:flex;justify-content:space-between;align-items:center;background-color:#fff;border:1px solid #e8eaf6;border-radius:12px;padding:16px}.bank-account-left{display:flex;align-items:center;flex:1}.bank-account-icon{width:40px;height:40px;border-radius:20px;background-color:#f8f9ff;display:flex;align-items:center;justify-content:center;margin-right:12px;overflow:hidden}.bank-account-icon img{width:100%;height:100%;object-fit:cover}.bank-account-details{display:flex;flex-direction:column}.bank-account-name{font-size:14px;font-weight:500;color:#1a1a2e;margin-bottom:2px}.bank-account-number{font-size:13px;color:#4a4b6e;margin-bottom:2px}.bank-account-holder{font-size:12px;color:#8e9aaf}.bank-account-right{display:flex;align-items:center;margin-left:12px}.default-badge{background-color:#10b9811a;padding:4px 8px;border-radius:4px}.default-badge span{color:#10b981;font-size:12px;font-weight:500}.make-default-btn{background:transparent;border:1px solid #6366f1;color:#6366f1;padding:6px 10px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.make-default-btn:hover{background-color:#6366f10d}.make-default-btn:disabled{opacity:.7;cursor:not-allowed}.loading-state{display:flex;justify-content:center;padding:40px}.biometric-toggle{width:44px;height:24px;background-color:#e2e8f0;border-radius:12px;position:relative;transition:background-color .2s}.biometric-toggle.active{background-color:#6366f1}.biometric-toggle-circle{width:20px;height:20px;background-color:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s;box-shadow:0 1px 2px #0000001a}.biometric-toggle.active .biometric-toggle-circle{transform:translate(20px)}.bank-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:16px}.bank-modal{background:#fff;width:100%;max-width:400px;height:80vh;max-height:600px;border-radius:20px;display:flex;flex-direction:column;box-shadow:0 10px 25px #0000001a;overflow:hidden;animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.bank-modal-header{padding:16px 20px;border-bottom:1px solid #f3f4f6;display:flex;align-items:center;justify-content:space-between}.bank-modal-title{font-size:18px;font-weight:600;color:#111827;margin:0}.bank-modal-close-btn{background:#f3f4f6;border:none;width:32px;height:32px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#6b7280;cursor:pointer;transition:all .2s}.bank-modal-close-btn:hover{background:#e5e7eb;color:#374151}.bank-modal-search{padding:16px 20px 8px}.bank-search-input{width:100%;padding:12px 16px;border:1px solid #e5e7eb;border-radius:12px;font-size:15px;outline:none;transition:border-color .2s;background-color:#f9fafb}.bank-search-input:focus{border-color:#4f46e5;background-color:#fff;box-shadow:0 0 0 3px #4f46e51a}.bank-modal-list{flex:1;overflow-y:auto;padding:8px 0}.bank-list-item{display:flex;align-items:center;padding:12px 20px;gap:12px;cursor:pointer;transition:background-color .2s}.bank-list-item:hover{background-color:#f3f4f6}.bank-logo{width:32px;height:32px;border-radius:50%;object-fit:cover;background-color:#f3f4f6;border:1px solid #e5e7eb}.bank-name{font-size:15px;color:#374151;font-weight:500}.bank-list-empty{padding:40px 20px;text-align:center;color:#9ca3af;font-size:15px}.bank-transfer-page{min-height:100vh;background-color:#f8f9ff;display:flex;flex-direction:column}.bank-transfer-header{background-color:#6c63ff;padding:24px 24px 32px;border-bottom-left-radius:24px;border-bottom-right-radius:24px;display:flex;align-items:center;position:relative;box-shadow:0 4px 12px #6c63ff33;z-index:10}.bank-transfer-back{background:#fff3;border:1px solid rgba(255,255,255,.1);width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:background .2s}.bank-transfer-back:hover{background:#ffffff4d}.bank-transfer-title{color:#fff;font-family:Inter,sans-serif;font-weight:700;font-size:20px;margin:0 40px 0 0;flex:1;text-align:center}.bank-transfer-content{flex:1;padding:24px;max-width:600px;margin:0 auto;width:100%;box-sizing:border-box}.bank-transfer-alert{margin-bottom:24px}.bank-transfer-section{background:#fff;border-radius:16px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #0000000d;border:1px solid #e8eaf6}.bank-transfer-label{display:block;font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#4a4b6e;margin-bottom:8px}.bank-selector{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#f8f9ff;border:1.5px solid #e8eaf6;border-radius:12px;cursor:pointer;transition:all .2s}.bank-selector:hover{border-color:#6c63ff}.bank-selector-value{font-family:Inter,sans-serif;font-size:15px;color:#1a1a2e;font-weight:500}.bank-selector-placeholder{color:#8e9aaf}.bank-transfer-input{width:100%;padding:14px 16px;background:#f8f9ff;border:1.5px solid #e8eaf6;border-radius:12px;font-family:Inter,sans-serif;font-size:15px;color:#1a1a2e;outline:none;transition:border-color .2s;box-sizing:border-box}.bank-transfer-input:focus{border-color:#6c63ff;background:#fff}.bank-transfer-input::placeholder{color:#8e9aaf}.validating-container{display:flex;align-items:center;background:#6366f10d;border-left:4px solid #6c63ff;padding:12px 16px;border-radius:8px;margin-bottom:20px;gap:12px}.validating-text{font-family:Inter,sans-serif;font-size:14px;color:#6c63ff;font-weight:500}.validating-spinner{width:16px;height:16px;border:2px solid rgba(108,99,255,.3);border-top-color:#6c63ff;border-radius:50%;animation:spin .8s linear infinite}.account-validated-card{background:#f8f9ff;border:1.5px solid #e8eaf6;border-radius:12px;padding:16px;margin-top:8px}.account-validated-name{font-family:Inter,sans-serif;font-size:16px;font-weight:600;color:#1a1a2e;margin:0 0 16px}.save-beneficiary-row{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid #e8eaf6}.save-beneficiary-label{font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#1a1a2e}.save-beneficiary-note{font-family:Inter,sans-serif;font-size:12px;color:#8e9aaf;margin:8px 0 0;line-height:1.5}.bank-transfer-footer{padding:24px 0 0;max-width:600px;margin:0 auto;width:100%;box-sizing:border-box}.bank-transfer-btn{width:100%;background-color:#6c63ff;color:#fff;border:none;padding:16px;border-radius:14px;font-family:Inter,sans-serif;font-weight:600;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;box-shadow:0 4px 12px #6c63ff4d}.bank-transfer-btn:disabled{background-color:#c7ccdb;cursor:not-allowed;box-shadow:none;transform:none}.bank-transfer-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #6c63ff66}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#6c63ff}input:checked+.toggle-slider:before{transform:translate(20px)}.bank-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-end;z-index:1000}@media(min-width:600px){.bank-modal-overlay{align-items:center;justify-content:center}}.bank-modal{background:#fff;width:100%;max-height:80vh;border-top-left-radius:24px;border-top-right-radius:24px;display:flex;flex-direction:column;animation:slideUp .3s ease-out}@media(min-width:600px){.bank-modal{width:480px;height:600px;border-radius:24px;animation:fadeIn .3s ease-out}}.bank-modal-header{padding:20px;border-bottom:1px solid #f0f0f5;display:flex;justify-content:space-between;align-items:center}.bank-modal-title{font-family:Inter,sans-serif;font-weight:600;font-size:18px;color:#1a1a2e;margin:0}.bank-modal-close{background:none;border:none;font-family:Inter,sans-serif;font-size:14px;color:#ff4757;font-weight:600;cursor:pointer}.bank-modal-search{padding:16px;border-bottom:1px solid #f0f0f5}.bank-search-input{width:100%;padding:12px 16px;background:#f8f9ff;border:1px solid #e8eaf6;border-radius:12px;font-family:Inter,sans-serif;font-size:14px;outline:none;box-sizing:border-box}.bank-modal-list{overflow-y:auto;padding:0 16px 16px;flex:1}.bank-list-item{display:flex;align-items:center;padding:16px;border-bottom:1px solid #f0f0f5;cursor:pointer;transition:background .2s}.bank-list-item:hover{background:#f8f9ff}.bank-logo{width:32px;height:32px;border-radius:8px;margin-right:12px;object-fit:contain}.bank-name{font-family:Inter,sans-serif;font-size:14px;color:#1a1a2e;font-weight:500}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.verification-page{min-height:100vh;background:#f8f9ff;display:flex;flex-direction:column}.verification-content{flex:1;padding:24px;max-width:600px;margin:0 auto;width:100%}.verification-header-text{margin-bottom:32px;animation:fadeInDown .6s ease-out}.verification-title{font-family:Inter,sans-serif;font-size:24px;font-weight:700;color:#1a1a2e;margin-bottom:12px}.verification-subtitle{font-family:Inter,sans-serif;font-size:16px;color:#4a4b6e;line-height:1.5}.verification-form{position:relative;animation:fadeInUp .6s ease-out .1s backwards}.input-group{margin-bottom:24px}.input-label{display:block;font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#1a1a2e;margin-bottom:8px}.input-wrapper{position:relative;border:1px solid #e8eaf6;border-radius:12px;background:#fff;overflow:hidden;transition:all .2s}.input-wrapper:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.verification-input{width:100%;padding:16px;border:none;font-size:16px;color:#1a1a2e;outline:none;background:transparent}.verification-input::placeholder{color:#8e9aaf}.error-text{display:flex;align-items:center;gap:6px;color:#e63946;font-size:13px;margin-top:8px;animation:fadeIn .3s ease}.verification-footer{position:fixed;bottom:0;left:0;right:0;padding:20px;background:#fff;border-top:1px solid #e8eaf6;z-index:10;animation:fadeInUp .6s ease-out .2s backwards}.verification-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:600px;margin:0 auto;padding:16px;background:#6366f1;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.verification-btn:hover:not(:disabled){background:#4f46e5;transform:translateY(-1px)}.verification-btn:disabled{background:#c7ccdb;cursor:not-allowed;transform:none}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(min-width:768px){.verification-footer{position:static;background:transparent;border:none;padding:24px 0 0}}.referral-page{min-height:100vh;background-color:#f8fafc;padding-bottom:80px}.referral-hero-gradient{background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);padding:16px 16px 60px;border-bottom-left-radius:24px;border-bottom-right-radius:24px;position:relative;overflow:visible;color:#fff;margin-bottom:30px}.referral-decor-1{position:absolute;width:100px;height:100px;border-radius:50%;background-color:#ffffff1a;top:-20px;right:-20px}.referral-decor-2{position:absolute;width:70px;height:70px;border-radius:50%;background-color:#ffffff14;bottom:80px;left:-20px}.referral-decor-3{position:absolute;width:40px;height:40px;border-radius:50%;background-color:#ffffff0d;top:60px;left:40px}.referral-hero-content{position:relative;z-index:2}.referral-hero-text{margin-bottom:16px}.referral-hero-title-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.referral-hero-title{font-size:22px;font-weight:800;color:#fff;margin:0}.referral-hero-subtitle{font-size:13px;color:#ffffffe6;line-height:1.4;margin:0}.referral-code-card{background:#fffffff2;border-radius:14px;padding:14px;box-shadow:0 4px 10px #0000001a;position:relative}.code-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.code-label{font-size:10px;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin:0}.code-value{font-size:20px;font-weight:800;color:#6366f1;letter-spacing:2px;margin:0 0 10px}.referral-stats-row{display:flex;gap:10px;margin:-30px 16px 16px;position:relative;z-index:5}.referral-stat-card{flex:1;border-radius:12px;overflow:hidden;box-shadow:0 2px 6px #0000000f;background:#fff;cursor:pointer;border:none;padding:0;text-align:center}.stat-card-bg{padding:12px;display:flex;flex-direction:column;align-items:center}.referral-section{margin:0 16px 16px}.section-header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.section-title{font-size:15px;font-weight:700;color:#1e293b;margin:0}.section-subtitle{font-size:12px;color:#64748b;margin:0 0 10px;line-height:1.5}.steps-flow{background:#fff;border-radius:12px;padding:14px;box-shadow:0 2px 6px #0000000d}.step-item{display:flex;align-items:center;gap:10px}.step-number{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;flex-shrink:0}.step-content{flex:1}.step-text{font-size:12px;color:#1e293b;line-height:1.4;margin:0}.step-connector{width:2px;height:14px;background-color:#e2e8f0;margin-left:12px;margin-top:3px;margin-bottom:3px}.tiers-container{display:flex;flex-direction:column;gap:4px}.tier-card{display:flex;align-items:center;background:#fff;border-radius:8px;padding:8px;box-shadow:0 1px 4px #0000000a}.tier-badge{padding:4px 8px;border-radius:6px;min-width:60px;text-align:center}.tier-badge-text{font-size:10px;font-weight:700}.tier-arrow{flex:1;display:flex;justify-content:center;color:#94a3b8}.tier-reward{padding:4px 12px;border-radius:6px;color:#fff;font-size:12px;font-weight:700}.earnings-potential-card{background:linear-gradient(135deg,#1a1a2e,#2d2d4a);border-radius:16px;padding:16px;margin:0 16px 16px;display:flex;flex-direction:column;color:#fff}.earnings-card-inner{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:8px}.earnings-left{display:flex;flex-direction:column}.earnings-label{font-size:11px;color:#fff9;text-transform:uppercase;margin:0}.earnings-amount-lg{font-size:24px;font-weight:800;color:#fff;margin:2px 0}.earnings-subtext{font-size:11px;color:#fff}.trophy-wrap{width:48px;height:48px;border-radius:50%;padding:2px;background:linear-gradient(135deg,gold,orange);display:flex;align-items:center;justify-content:center}.trophy-inner{width:100%;height:100%;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center}.earnings-footer{display:flex;align-items:center;gap:6px}.earnings-footer-text{font-size:11px;color:#94a3b8;margin:0}.referral-terms{padding:0 16px}.referral-terms-text{font-size:11px;color:#94a3b8;font-style:italic;line-height:1.4;margin:0}.selfie-description{margin-bottom:24px;text-align:center}.selfie-description p{font-size:16px;line-height:1.6;color:#1a1a2e;margin-bottom:16px}.selfie-note{background:#4b55631a;border-radius:8px;padding:12px;font-size:14px;color:#4a4b6e;line-height:1.5}.selfie-note strong{color:#1a1a2e}.camera-wrapper{display:flex;justify-content:center;margin-bottom:24px}.camera-container{position:relative;width:100%;max-width:400px;aspect-ratio:1;border-radius:20px;overflow:hidden;background:#1a1a2e;box-shadow:0 4px 20px #00000026}.camera-video{width:100%;height:100%;object-fit:cover}.camera-video.mirrored{transform:scaleX(-1)}.camera-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.face-guide{width:70%;aspect-ratio:1;border-radius:50%;border:2px dashed rgba(255,255,255,.8)}.overlay-text{position:absolute;bottom:40px;color:#fff;font-size:14px;font-weight:500;text-shadow:0 1px 4px rgba(0,0,0,.5)}.preview-container{position:relative;width:100%;max-width:400px;aspect-ratio:1;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #00000026}.preview-image{width:100%;height:100%;object-fit:cover}.preview-controls{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:16px;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s;min-width:130px}.retake-btn{background:#fff;color:#6366f1}.retake-btn:hover{background:#f0f0f0}.proceed-btn{background:#6366f1;color:#fff}.proceed-btn:hover:not(:disabled){background:#4f46e5}.proceed-btn:disabled{opacity:.7;cursor:not-allowed}.camera-controls{display:flex;align-items:center;justify-content:center;gap:32px;margin-bottom:24px}.camera-btn{width:70px;height:70px;border-radius:50%;border:none;background:#6366f126;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.camera-btn:hover:not(:disabled){background:#6366f140;transform:scale(1.05)}.camera-btn:disabled{opacity:.5;cursor:not-allowed}.flip-btn{width:50px;height:50px;border-radius:50%;border:1px solid rgba(74,75,110,.2);background:#ffffffe6;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.flip-btn:hover:not(:disabled){background:#f0f0f5}.flip-btn:disabled{opacity:.5;cursor:not-allowed}.instructions-container{background:#4b55631a;border-radius:16px;padding:20px}.instructions-container h4{font-size:16px;font-weight:600;color:#1a1a2e;margin:0 0 12px}.instructions-list{list-style:none;padding:0;margin:0}.instructions-list li{position:relative;padding-left:18px;margin-bottom:8px;font-size:14px;color:#4a4b6e}.instructions-list li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:#1a1a2e}.instructions-list li:last-child{margin-bottom:0}.permission-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:40px}.permission-text{font-size:16px;color:#1a1a2e;margin:24px 0;line-height:1.5}.loading-overlay{position:fixed;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:1000}.send-page{min-height:100vh;background:#f8f9ff}.send-header{display:flex;align-items:center;padding:16px;background:#fff;border-bottom:1px solid #e8eaf6}.send-back{display:flex;align-items:center;padding:8px;background:transparent;border:none;cursor:pointer;color:#4a4b6e}.send-title{flex:1;font-size:18px;font-weight:700;color:#1a1a2e;text-align:center;margin-right:40px}.send-content{padding:16px 16px 100px}.send-search-container{margin-bottom:16px}.send-search-input-wrapper{display:flex;align-items:center;background:#fff;border:1.5px solid #e8eaf6;border-radius:16px;padding:0 16px;height:56px}.send-search-input{flex:1;border:none;outline:none;font-size:14px;color:#1a1a2e;background:transparent;margin-left:12px}.send-search-input::placeholder{color:#a0a0b0}.send-add-account{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;background:#6366f108;border:1.5px dashed rgba(99,102,241,.2);border-radius:16px;cursor:pointer;margin-bottom:16px;transition:all .2s}.send-add-account:hover{background:#6366f114}.send-add-account-icon{width:32px;height:32px;border-radius:50%;background:#6366f11a;display:flex;align-items:center;justify-content:center}.send-add-account-text{font-size:15px;font-weight:600;color:#6366f1}.send-tabs{background:#fff;border-radius:16px;overflow:hidden;border:1px solid #e8eaf6;box-shadow:0 2px 8px #0000000a}.send-tabs-header{display:flex;border-bottom:1px solid #e8eaf6}.send-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:14px;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:14px;font-weight:500;color:#a0a0b0;transition:all .2s}.send-tab-btn.active{color:#6366f1;border-bottom-color:#6366f1}.send-tabs-content{padding:16px}.send-account-card{display:flex;align-items:center;gap:14px;padding:14px;background:#fff;border:1.5px solid #e8eaf6;border-radius:16px;margin-bottom:12px;cursor:pointer;transition:all .2s}.send-account-card:hover{border-color:#6366f1;transform:translateY(-1px);box-shadow:0 4px 12px #6366f11a}.send-account-logo{width:48px;height:48px;border-radius:12px;background:#6366f10d;border:1.5px solid rgba(99,102,241,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.send-account-logo img{width:24px;height:24px;border-radius:4px}.send-account-info{flex:1;min-width:0}.send-account-name{font-size:14px;font-weight:500;color:#1a1a2e;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.send-account-details{font-size:13px;color:#4a4b6e;margin-bottom:2px}.send-account-date{font-size:12px;color:#a0a0b0}.send-empty{text-align:center;padding:40px 20px;color:#4a4b6e;font-size:14px}.send-footer{position:fixed;bottom:0;left:0;right:0;padding:20px 20px 32px;background:#fff;border-top:1px solid #e8eaf6;box-shadow:0 -4px 12px #0000000d}.send-continue-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;background:#6366f1;border:none;border-radius:16px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.send-continue-btn:disabled{background:#e8eaf6;cursor:not-allowed}.send-continue-btn:not(:disabled):hover{background:#5855eb}.send-form-card{background:#fff;border-radius:16px;padding:20px;border:1px solid #e8eaf6;margin-bottom:16px}.send-form-group{margin-bottom:20px}.send-form-label{font-size:14px;font-weight:500;color:#1a1a2e;margin-bottom:8px;display:block}.send-form-input{width:100%;padding:14px 16px;border:1px solid #e8eaf6;border-radius:12px;font-size:15px;color:#1a1a2e;outline:none;transition:border-color .2s}.send-form-input:focus{border-color:#6366f1}.send-form-input::placeholder{color:#a0a0b0}.send-form-select{width:100%;padding:14px 16px;border:1px solid #e8eaf6;border-radius:12px;font-size:15px;color:#1a1a2e;background:#fff;cursor:pointer}.send-preview-card{background:#fff;border-radius:16px;padding:20px;border:1px solid #e8eaf6;margin-bottom:16px}.send-preview-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f0f0f5}.send-preview-row:last-child{border-bottom:none}.send-preview-label{font-size:14px;color:#4a4b6e}.send-preview-value{font-size:14px;font-weight:600;color:#1a1a2e;text-align:right}.send-preview-value.success{color:#38b000}.send-loading{display:flex;align-items:center;justify-content:center;min-height:200px}.amount-page{min-height:100vh;background-color:#f8f9ff;display:flex;flex-direction:column}.amount-header{background-color:#6c63ff;padding:24px 24px 32px;border-bottom-left-radius:24px;border-bottom-right-radius:24px;display:flex;align-items:center;position:relative;box-shadow:0 4px 12px #6c63ff33;z-index:10}.amount-back{background:#fff3;border:1px solid rgba(255,255,255,.1);width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:background .2s}.amount-back:hover{background:#ffffff4d}.amount-title{color:#fff;font-family:Inter,sans-serif;font-weight:700;font-size:20px;margin:0 40px 0 0;flex:1;text-align:center}.amount-content{flex:1;padding:24px 16px;max-width:600px;margin:0 auto;width:100%;box-sizing:border-box;overflow-y:auto}.recipient-row{display:flex;align-items:center;background-color:#fff;border-radius:12px;padding:12px;margin-bottom:16px;box-shadow:0 2px 8px #00000008;border:1px solid #e8eaf6}.recipient-icon{width:40px;height:40px;border-radius:20px;background-color:#6c63ff;display:flex;align-items:center;justify-content:center;margin-right:12px}.recipient-initial{font-family:Inter,sans-serif;font-weight:700;font-size:16px;color:#fff;text-transform:uppercase}.recipient-info{flex:1;overflow:hidden}.recipient-name{font-family:Inter,sans-serif;font-weight:600;font-size:14px;color:#1a1a2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.recipient-bank{font-family:Inter,sans-serif;font-weight:400;font-size:12px;color:#8e9aaf;margin:2px 0 0}.amount-card{background-color:#fff;border-radius:16px;padding:16px;margin-bottom:16px;box-shadow:0 4px 12px #0000000d;border:1px solid #e8eaf6}.balance-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(138,153,168,.1)}.balance-label{font-family:Inter,sans-serif;font-weight:500;font-size:12px;color:#8e9aaf}.balance-value{font-family:Inter,sans-serif;font-weight:600;font-size:14px;color:#00c48c}.amount-input-wrapper{display:flex;align-items:center;padding:12px 0;margin-bottom:4px}.currency-symbol{font-family:Inter,sans-serif;font-weight:700;font-size:32px;color:#6c63ff;margin-right:4px}.amount-input{flex:1;border:none;background:transparent;font-family:Inter,sans-serif;font-weight:700;font-size:32px;color:#1a1a2e;outline:none;padding:0;width:100%}.amount-input::placeholder{color:#c7ccdb}.amount-input-error{color:#ff4757}.error-text{font-family:Inter,sans-serif;font-weight:500;font-size:12px;color:#ff4757;margin-top:4px;display:block}.fee-section{margin-top:16px;padding-top:16px;border-top:1px solid rgba(138,153,168,.1)}.fee-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.fee-row:last-child{margin-bottom:0}.fee-label{font-family:Inter,sans-serif;font-weight:400;font-size:12px;color:#8e9aaf}.fee-value{font-family:Inter,sans-serif;font-weight:500;font-size:12px;color:#ff4757}.total-label{font-family:Inter,sans-serif;font-weight:600;font-size:13px;color:#1a1a2e}.total-value{font-family:Inter,sans-serif;font-weight:700;font-size:14px;color:#6c63ff}.description-section{margin-top:20px;padding-top:16px;border-top:1px solid rgba(138,153,168,.1)}.description-label{display:block;font-family:Inter,sans-serif;font-weight:500;font-size:12px;color:#8e9aaf;margin-bottom:8px}.required-asterisk{color:#ff4757}.description-input-container{background-color:#f8f9ff;border-radius:10px;padding:12px;border:1px solid rgba(138,153,168,.1);cursor:pointer;transition:all .2s}.description-input-container.empty{border-color:#8a99a833}.description-input-container:hover{border-color:#6c63ff}.description-text{font-family:Inter,sans-serif;font-weight:500;font-size:14px;color:#1a1a2e;margin:0}.description-text.placeholder{color:#8e9aaf}.suggestions-wrap{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.suggestion-chip{background-color:#6c63ff14;padding:6px 12px;border-radius:16px;cursor:pointer;border:none;transition:all .2s}.suggestion-chip:hover{background-color:#6c63ff26}.suggestion-chip.selected{background-color:#6c63ff}.suggestion-chip-text{font-family:Inter,sans-serif;font-weight:500;font-size:12px;color:#6c63ff}.suggestion-chip.selected .suggestion-chip-text{color:#fff}.limits-row{display:flex;align-items:center;background-color:#fff;border-radius:12px;padding:12px;box-shadow:0 2px 6px #00000008;border:1px solid #e8eaf6}.limit-item{flex:1}.limit-divider{width:1px;height:30px;background-color:#8a99a826;margin:0 12px}.limit-label{display:block;font-family:Inter,sans-serif;font-weight:400;font-size:10px;color:#8e9aaf;margin-bottom:2px}.limit-value{font-family:Inter,sans-serif;font-weight:600;font-size:12px;color:#1a1a2e}.limit-value.warning{color:#ff9f43}.limit-info-btn{width:32px;height:32px;border-radius:50%;background-color:#6c63ff14;display:flex;align-items:center;justify-content:center;margin-left:8px;cursor:pointer;border:none;color:#6c63ff;transition:all .2s}.limit-info-btn:hover{background-color:#6c63ff26}.amount-footer{padding:24px 0 0;max-width:600px;margin:0 auto;width:100%}.amount-continue-btn{width:100%;background-color:#6c63ff;color:#fff;border:none;padding:16px;border-radius:14px;font-family:Inter,sans-serif;font-weight:600;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;box-shadow:0 4px 12px #6c63ff4d}.amount-continue-btn:disabled{background-color:#c7ccdb;cursor:not-allowed;box-shadow:none;transform:none}.amount-continue-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #6c63ff66}.auth-modal-overlay{position:fixed;inset:0;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000;padding:16px}.auth-modal-content{background-color:#fff;border-radius:16px;padding:24px;width:100%;max-width:420px;box-shadow:0 4px 12px #0000001a}.auth-modal-title{font-family:Inter,sans-serif;font-weight:700;font-size:18px;color:#1a1a1a;text-align:center;margin:0 0 16px}.auth-modal-subtitle{font-family:Inter,sans-serif;font-weight:500;font-size:15px;color:#4b5563;text-align:center;background-color:#f3f4f6;padding:12px;border-radius:10px;border:1px solid #e5e7eb;margin-bottom:24px}.auth-pin-row{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}.auth-pin-input{width:56px;height:56px;border-radius:12px;border:2px solid #e5e7eb;background-color:#f9fafb;text-align:center;font-family:Inter,sans-serif;font-weight:700;font-size:24px;color:#1a1a1a;outline:none;transition:all .2s ease}.auth-pin-input:focus{border-color:#10b981;background-color:#fff;box-shadow:0 0 0 4px #10b9811a}.auth-pin-input.filled-pin{border-color:#10b981}.auth-error{text-align:center;color:#ef4444;font-family:Inter,sans-serif;font-size:14px;margin-bottom:16px;min-height:20px}.auth-action-btn{width:100%;padding:14px;border-radius:12px;background-color:#10b981;color:#fff;font-family:Inter,sans-serif;font-weight:600;font-size:16px;border:none;cursor:pointer;transition:background-color .2s;display:flex;justify-content:center;align-items:center;gap:8px}.auth-action-btn:hover:not(:disabled){background-color:#059669}.auth-action-btn:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.7}.auth-action-btn.disabled{background-color:#9ca3af;cursor:not-allowed}.auth-cancel-btn{width:100%;margin-top:12px;padding:8px;background:none;border:none;color:#6b7280;font-family:Inter,sans-serif;font-size:14px;cursor:pointer}.auth-cancel-btn:hover:not(:disabled){color:#374151;text-decoration:underline}.preview-container{padding:24px;max-width:600px;margin:0 auto;min-height:calc(100vh - 80px);font-family:Inter,sans-serif;color:#1f2937}.preview-header{margin-bottom:24px}.preview-title{font-size:24px;font-weight:700;color:#111827;margin-bottom:8px}.preview-subtitle{font-size:14px;color:#6b7280}.preview-section{background-color:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:24px;margin-bottom:24px;border:1px solid #e5e7eb}.preview-section-title{font-size:16px;font-weight:600;color:#374151;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.recipient-card{background-color:#f9fafb;border-radius:12px;padding:16px;border:1px solid #e5e7eb}.recipient-name{font-size:16px;font-weight:600;color:#111827;margin-bottom:4px}.recipient-details{font-size:14px;color:#6b7280}.amount-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:14px}.amount-row:last-child{margin-bottom:0}.amount-label{color:#6b7280;font-weight:500}.amount-value{font-weight:600;color:#111827}.amount-value.fee{color:#ef4444}.amount-value.total{color:#10b981;font-size:16px;font-weight:700}.preview-action-btn{width:100%;padding:16px;border-radius:12px;background-color:#10b981;color:#fff;font-family:Inter,sans-serif;font-weight:600;font-size:16px;border:none;cursor:pointer;transition:all .2s ease;display:flex;justify-content:center;align-items:center;gap:8px;margin-top:24px;box-shadow:0 4px 6px -1px #10b98166}.preview-action-btn:hover:not(:disabled){background-color:#059669;transform:translateY(-1px);box-shadow:0 6px 8px -1px #10b98180}.preview-action-btn:active:not(:disabled){transform:translateY(0)}.preview-action-btn:disabled{background-color:#9ca3af;cursor:not-allowed;box-shadow:none}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 80px);padding:24px;font-family:Inter,sans-serif;color:#1f2937;max-width:600px;margin:0 auto}.success-icon-container{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#10b981,#34d399);display:flex;justify-content:center;align-items:center;box-shadow:0 8px 16px #10b98133;margin-bottom:24px}.success-title{font-size:24px;font-weight:700;color:#111827;margin-bottom:8px;text-align:center}.success-subtitle{font-size:16px;color:#6b7280;text-align:center;margin-bottom:32px}.success-details-card{width:100%;background-color:#fff;border-radius:20px;padding:0;border:1px solid #e5e7eb;box-shadow:0 4px 12px #0000000d;overflow:hidden;margin-bottom:32px}.success-detail-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f3f4f6}.success-detail-item:last-child{border-bottom:none}.success-detail-label{font-size:14px;font-weight:500;color:#6b7280}.success-detail-value{font-size:14px;font-weight:500;color:#111827;text-align:right;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{background-color:#10b9811a;color:#10b981;font-size:12px;font-weight:600;padding:4px 10px;border-radius:12px}.success-action-btn{width:100%;padding:16px;border-radius:12px;background-color:#10b981;color:#fff;font-family:Inter,sans-serif;font-weight:600;font-size:16px;border:none;cursor:pointer;transition:all .2s ease;display:flex;justify-content:center;align-items:center;gap:8px;box-shadow:0 4px 6px -1px #10b98166}.success-action-btn:hover{background-color:#059669;transform:translateY(-1px)}.success-action-btn:active{transform:translateY(0)}.airtime-page{min-height:100vh;background:#f8f9ff}.airtime-header{display:flex;align-items:center;padding:16px;background:#fff;border-bottom:1px solid #e8eaf6}.airtime-back{display:flex;align-items:center;padding:8px;background:transparent;border:none;cursor:pointer;color:#4a4b6e}.airtime-title{flex:1;font-size:18px;font-weight:700;color:#1a1a2e;text-align:center;margin-right:40px}.airtime-content{padding:16px 16px 120px}.airtime-hero{background:#fff;border-radius:16px;padding:20px;border:1px solid #e8eaf6;margin-bottom:16px;box-shadow:0 2px 8px #00000008}.airtime-hero-title{font-size:20px;font-weight:700;color:#1a1a2e;margin-bottom:8px}.airtime-hero-subtitle{font-size:14px;color:#4a4b6e}.airtime-balance{background:#fff;border-radius:16px;padding:20px;border:1px solid #e8eaf6;margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.airtime-balance-row{display:flex;align-items:center;gap:8px;color:#4a4b6e;font-size:14px}.airtime-balance-amount{font-size:28px;font-weight:700;color:#1a1a2e}.airtime-form-section{margin-bottom:24px}.airtime-label{font-size:15px;font-weight:500;color:#1a1a2e;margin-bottom:10px;display:block}.airtime-network-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.airtime-network-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 8px;background:#fff;border:1px solid #e8eaf6;border-radius:12px;cursor:pointer;transition:all .2s}.airtime-network-item:hover{border-color:#6366f1}.airtime-network-item.selected{border-color:#6366f1;background:#6366f114}.airtime-network-logo{width:40px;height:40px;border-radius:8px;object-fit:contain;margin-bottom:6px}.airtime-network-name{font-size:12px;font-weight:500;color:#1a1a2e;text-align:center}.airtime-input-wrapper{display:flex;align-items:center;background:#fff;border:1px solid #e8eaf6;border-radius:12px;overflow:hidden}.airtime-input{flex:1;padding:14px 16px;border:none;outline:none;font-size:15px;color:#1a1a2e}.airtime-input::placeholder{color:#a0a0b0}.airtime-input:disabled{background:#f8f9ff;color:#a0a0b0}.airtime-input-error{border-color:#e63946}.airtime-error{display:flex;align-items:center;gap:6px;margin-top:6px;color:#e63946;font-size:12px}.airtime-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.airtime-chip{padding:10px 16px;background:#fff;border:1px solid #e8eaf6;border-radius:20px;font-size:14px;font-weight:500;color:#1a1a2e;cursor:pointer;transition:all .2s}.airtime-chip:hover{border-color:#6366f1}.airtime-chip.selected{background:#6366f1;border-color:#6366f1;color:#fff}.airtime-chip:disabled{opacity:.5;cursor:not-allowed}.airtime-footer-static{margin-top:32px;padding-bottom:20px}.airtime-footer{position:fixed;bottom:0;left:0;right:0;padding:16px 16px 32px;background:#fff;border-top:1px solid #e8eaf6}.airtime-submit-btn{width:100%;padding:16px;background:#6366f1;border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.airtime-submit-btn:disabled{background:#e8eaf6;color:#a0a0b0;cursor:not-allowed}.airtime-submit-btn:not(:disabled):hover{background:#5855eb}.airtime-loading-overlay{position:fixed;inset:0;background:#fffffff2;display:flex;align-items:center;justify-content:center;z-index:100}.airtime-success-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200}.airtime-success-content{background:#fff;border-radius:20px;padding:32px;text-align:center;max-width:320px;margin:20px}.airtime-success-icon{width:64px;height:64px;border-radius:50%;background:#38b0001a;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.airtime-success-title{font-size:20px;font-weight:700;color:#1a1a2e;margin-bottom:8px}.airtime-success-message{font-size:14px;color:#4a4b6e;margin-bottom:24px}.airtime-success-btn{padding:14px 32px;background:#6366f1;border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer}.data-plan-list{display:flex;flex-direction:column;gap:10px}.data-plan-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#fff;border:1px solid #e8eaf6;border-radius:12px;cursor:pointer;transition:all .2s}.data-plan-item:hover{border-color:#6366f1}.data-plan-item.selected{border-color:#6366f1;background:#6366f10d}.data-plan-info{display:flex;flex-direction:column;gap:4px}.data-plan-size{font-size:16px;font-weight:600;color:#1a1a2e}.data-plan-validity{font-size:13px;color:#4a4b6e}.data-plan-price{font-size:16px;font-weight:700;color:#6366f1}.rewards-page{min-height:100vh;background-color:#f8fafc;padding-bottom:80px}.rewards-header{display:flex;align-items:center;padding:16px;background-color:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #e2e8f0}.rewards-back{background:none;border:none;padding:8px;margin-right:8px;cursor:pointer;color:#1e293b;display:flex;align-items:center;justify-content:center}.rewards-title{font-size:18px;font-weight:700;color:#1e293b;margin:0;font-family:Inter,sans-serif}.rewards-hero-gradient{background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);padding:24px 20px 32px;border-bottom-left-radius:24px;border-bottom-right-radius:24px;position:relative;overflow:hidden;color:#fff}.hero-decor-1{position:absolute;width:120px;height:120px;border-radius:50%;background-color:#ffffff1a;top:-40px;right:-20px}.hero-decor-2{position:absolute;width:80px;height:80px;border-radius:50%;background-color:#ffffff14;bottom:20px;left:-30px}.hero-content{position:relative;z-index:2}.hero-title-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.hero-title-text{font-size:22px;font-weight:800;color:#fff;margin:0}.hero-subtitle{font-size:13px;color:#ffffffe6;line-height:1.4;margin:0}.rewards-stats-row{display:flex;gap:12px;margin:0 16px 16px}.rewards-stat-card{flex:1;background:#fff;border-radius:12px;padding:14px;display:flex;flex-direction:column;align-items:center;box-shadow:0 2px 6px #0000000f}.stat-icon-wrap{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:6px}.stat-value{font-size:16px;font-weight:700;color:#1e293b;margin:0 0 2px}.stat-label{font-size:11px;color:#64748b;font-weight:500;margin:0}.rewards-balance-section{margin:0 16px 16px}.rewards-balance-card{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:16px;padding:16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 8px #8b5cf64d;color:#fff}.balance-left{display:flex;align-items:center;gap:14px}.balance-icon-wrap{width:48px;height:48px;border-radius:14px;background-color:#fff3;display:flex;align-items:center;justify-content:center}.balance-info .balance-label{font-size:12px;color:#fffc;margin:0 0 2px;display:block}.balance-info .balance-value{font-size:22px;font-weight:800;color:#fff;margin:0}.balance-withdraw-btn{background-color:#fff;color:#8b5cf6;border:none;padding:10px 18px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:opacity .2s}.balance-withdraw-btn:disabled{opacity:.7;cursor:not-allowed}.rewards-promo-banner{display:flex;align-items:flex-start;background-color:#f59e0b1a;border-radius:12px;padding:12px;margin:0 16px 16px;border:1px solid rgba(245,158,11,.2)}.promo-icon-wrap{width:32px;height:32px;border-radius:8px;background-color:#f59e0b26;display:flex;align-items:center;justify-content:center;margin-right:10px;flex-shrink:0}.promo-content{flex:1}.promo-title{font-size:13px;font-weight:700;color:#b45309;margin:0 0 4px}.promo-text{font-size:11px;color:#92400e;line-height:1.45;margin:0}.promo-highlight{font-weight:700;color:#b45309}.section-header{display:flex;align-items:center;justify-content:space-between;margin:0 16px 8px}.section-title-row{display:flex;align-items:center;gap:6px}.section-title{font-size:16px;font-weight:700;color:#1e293b;margin:0}.history-btn{display:flex;align-items:center;gap:4px;background:none;border:none;padding:4px;cursor:pointer}.history-btn-text{font-size:12px;color:#6366f1;font-weight:600}.rewards-list{display:flex;flex-direction:column;gap:8px;margin:0 16px 16px}.reward-card{border-radius:12px;overflow:hidden;box-shadow:0 2px 6px #0000001a;cursor:pointer;transition:transform .1s;background:#fff;border:none;padding:0;text-align:left;width:100%}.reward-card:active{transform:scale(.98)}.reward-card-gradient{display:flex;align-items:center;padding:10px 12px;width:100%}.reward-icon-wrap{width:36px;height:36px;border-radius:10px;background-color:#fff3;display:flex;align-items:center;justify-content:center;margin-right:10px;flex-shrink:0}.reward-card-content{flex:1}.reward-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.reward-card-title{font-size:13px;font-weight:700;color:#fff;margin:0}.reward-highlight-badge{background-color:#fff3;padding:2px 6px;border-radius:4px}.reward-highlight-text{font-size:9px;font-weight:700;color:#fff}.reward-card-desc{font-size:10px;color:#ffffffd9;margin:0;line-height:1.4}.code-card{background:#fff;border-radius:16px;padding:14px;box-shadow:0 3px 8px #00000014;margin:0 16px 16px}.code-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.code-label{font-size:11px;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin:0}.code-badge{display:flex;align-items:center;gap:3px;background-color:#ffd70026;padding:3px 8px;border-radius:10px}.code-badge-text{font-size:9px;color:#b8860b;font-weight:600}.code-value{font-size:20px;font-weight:800;color:#6366f1;letter-spacing:2px;margin:0 0 12px}.code-actions{display:flex;gap:10px}.copy-btn{display:flex;align-items:center;justify-content:center;gap:5px;padding:10px 16px;border-radius:10px;background-color:#f1f5f9;border:1px solid #e2e8f0;color:#6366f1;font-size:13px;font-weight:600;cursor:pointer}.share-btn{flex:1;border-radius:10px;overflow:hidden;border:none;padding:0;cursor:pointer}.share-btn-gradient{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:13px;font-weight:700}.rewards-loading{display:flex;justify-content:center;padding:40px}.rewards-loader{width:30px;height:30px;border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.rewards-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px;color:#64748b}.rewards-empty-icon{margin-bottom:12px;opacity:.5}.rewards-terms{padding:0 16px;margin-top:8px}.rewards-terms-text{font-size:11px;color:#94a3b8;font-style:italic;line-height:1.4;margin:0}.welcome-bonus-page{min-height:100vh;background-color:#f8f9ff;padding:16px 16px 40px}.welcome-bonus-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.welcome-bonus-back{background:none;border:none;padding:8px;cursor:pointer;color:#1a1a2e;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.welcome-bonus-back:hover{background-color:#0000000d}.welcome-bonus-title-header{font-size:18px;font-weight:600;color:#1a1a2e;margin:0}.welcome-bonus-content{max-width:600px;margin:0 auto}.welcome-card{background-color:#fff;border-radius:16px;border:1px solid #e8eaf6;padding:24px;box-shadow:0 6px 12px #0000000a}.welcome-hero-row{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.welcome-icon-wrap{width:52px;height:52px;border-radius:26px;background-color:#4f46e529;display:flex;align-items:center;justify-content:center;flex-shrink:0}.welcome-hero-content{flex:1}.welcome-hero-title{font-size:20px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.welcome-hero-subtitle{font-size:14px;color:#4a4b6e;margin:0;line-height:1.5}.welcome-badge-row{display:flex;gap:8px;margin-top:12px}.welcome-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:500}.welcome-badge-claimed{background-color:#10b9810f;color:#10b981;border:1px solid rgba(16,185,129,.2)}.welcome-amount-row{display:flex;gap:16px;margin-bottom:24px}.welcome-amount-card{flex:1;border-radius:16px;padding:16px;border:1px solid #e8eaf6}.welcome-amount-card.primary{background-color:#4f46e514;border-color:#6c63ff4d}.welcome-amount-card.secondary{background-color:#10b9810f;border-color:#10b9814d}.welcome-amount-label{font-size:12px;font-weight:500;color:#4a4b6e;margin:0 0 4px}.welcome-amount-value{font-size:20px;font-weight:700;color:#6c63ff;margin:0 0 4px}.welcome-amount-value.success{color:#10b981}.welcome-amount-sublabel{font-size:10px;color:#4a4b6e;margin:0}.welcome-loader{display:flex;justify-content:center;padding:24px}.welcome-progress-block{margin-top:24px}.welcome-section-title{font-size:16px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.welcome-section-desc{font-size:13px;color:#4a4b6e;margin:0 0 12px}.welcome-progress-bar-bg{height:12px;background-color:#8a99a81a;border-radius:6px;overflow:hidden;margin-bottom:12px}.welcome-progress-fill{height:100%;background-color:#6c63ff;transition:width .3s ease}.welcome-progress-multi{display:flex;height:100%}.welcome-progress-claimed{height:100%;background-color:#10b981}.welcome-progress-unlocked{height:100%;background-color:#6c63ff}.welcome-progress-meta{font-size:13px;font-weight:500;color:#4a4b6e;margin:6px 0;display:flex;align-items:center;gap:6px}.welcome-progress-meta-alt{font-size:13px;color:#4a4b6e;margin:8px 0}.welcome-tiers-block{margin-top:24px}.welcome-tier-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:12px;border:1px solid #e8eaf6;background-color:#f8f9ff;margin-bottom:8px}.welcome-tier-row.completed{border-color:#10b9814d;background-color:#10b9810f}.welcome-tier-row.current{border-color:#6c63ff4d;background-color:#4f46e50f}.welcome-tier-info{flex:1}.welcome-tier-title{font-size:13px;font-weight:600;color:#1a1a2e;margin:0 0 2px}.welcome-tier-subtitle{font-size:11px;color:#4a4b6e;margin:0}.welcome-tier-status{font-size:11px;font-weight:500;color:#4a4b6e;margin-left:12px}.welcome-claim-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background-color:#6c63ff;border:none;border-radius:16px;margin-top:32px;cursor:pointer;transition:all .2s}.welcome-claim-btn:disabled{background-color:#c7ccdb;cursor:not-allowed;opacity:.8}.welcome-claim-btn:not(:disabled):hover{background-color:#5a52d5;transform:translateY(-1px)}.welcome-claim-info{text-align:left}.welcome-claim-text{font-size:16px;font-weight:700;color:#fff;display:block}.welcome-claim-caption{font-size:11px;color:#ffffffe6;display:block;margin-top:2px}.welcome-hint-row{display:flex;align-items:center;gap:8px;margin-top:16px;justify-content:center}.welcome-hint-text{font-size:11px;color:#6b7280}.wallet-details-page{padding-bottom:24px}.wallet-details-content{padding:16px}.balance-card{margin:16px;padding:24px;background-color:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;border-width:1.5px;border-style:solid;transition:all .3s ease}.balance-label{font-family:Inter,sans-serif;font-size:16px;font-weight:500;color:#9ca3af;margin-bottom:8px}.balance-value{font-family:Inter,sans-serif;font-size:32px;font-weight:700;color:#111827;margin-bottom:8px}.usd-container{display:flex;flex-direction:row;align-items:center;gap:6px}.currency-symbol-text{font-family:Inter,sans-serif;font-weight:800;font-size:24px}.usd-value{font-family:Inter,sans-serif;font-size:24px;font-weight:500;color:#9ca3af}.wd-actions-container{display:flex;flex-direction:row;justify-content:space-evenly;width:100%;margin-top:16px}.wd-action-btn{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:none;cursor:pointer;transition:transform .2s}.wd-action-btn:hover{transform:scale(1.05)}.wd-action-icon{width:48px;height:48px;border-radius:24px;display:flex;justify-content:center;align-items:center;margin-bottom:4px}.wd-action-text{font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#111827}.wd-transactions-section{margin-top:24px;padding:0 16px}.wd-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.wd-section-title{font-family:Inter,sans-serif;font-size:18px;font-weight:700;color:#111827}.wd-see-all{font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#4f46e5;cursor:pointer;background:none;border:none}.wd-empty-state{padding:48px 0;display:flex;justify-content:center;align-items:center}.wd-empty-text{font-family:Inter,sans-serif;font-size:16px;font-weight:500;color:#9ca3af}.wd-loading-container{display:flex;justify-content:center;align-items:center;height:100%;min-height:400px}