*,:after,:before{box-sizing:border-box;margin:0;padding:0}[role=button],a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}body,html{height:100%;width:100%;overflow:hidden}body{font-family:Inter,sans-serif;background:#29dbf7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--na-splash-top:#0180b9;--na-splash-mid:#27daf6;--na-primary:#0180b9;--na-primary-dark:#01619a;--na-primary-light:#27daf6;--na-white:#ffffff;--na-login-bg:#f5f9ff;--na-input-bg:#ffffff;--na-input-border:#d0dae8;--na-input-focus:#0180b9;--na-text-dark:#0d1f2d;--na-text-mid:#4a6276;--na-text-muted:#8fa8bc;--na-error:#e53935;--na-success:#00b877;--na-link:#0180b9;--na-card-bg:#ffffff;--na-border:#dce8f0}#nala-app{position:fixed;inset:0;align-items:center;justify-content:center;background:#29dbf7}#nala-app,.na-frame{width:100%;height:100%;display:flex}.na-frame{position:relative;max-width:430px;max-height:100dvh;overflow:hidden;background:var(--na-login-bg);box-shadow:0 0 60px rgba(0,0,0,.35);flex-direction:column}.na-screen{position:absolute;inset:0;opacity:0;pointer-events:none;transform:translateX(40px);transition:opacity .32s ease,transform .32s ease;overflow:hidden}.na-screen.active{opacity:1;pointer-events:all;transform:translateX(0)}.na-splash{position:absolute;inset:0;background:linear-gradient(180deg,#29dbf7 0,#1ec8e8 30%,#0fb4d4 60%,#0a9ec0 80%,#0a8db5);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:50;overflow:hidden}.na-sparkle{position:absolute;width:6px;height:6px;opacity:0;animation:na-sparkle-anim 6s ease-in-out infinite}.na-sparkle:after,.na-sparkle:before{content:"";position:absolute;background:rgba(255,255,255,.85);border-radius:50%}.na-sparkle:before{width:6px;height:2px;top:2px;left:0}.na-sparkle:after{width:2px;height:6px;top:0;left:2px}@keyframes na-sparkle-anim{0%,to{opacity:0;transform:scale(.5)}45%,55%{opacity:.85;transform:scale(1.1)}}.na-sparkle:first-child{top:12%;left:18%;animation-delay:0s}.na-sparkle:nth-child(2){top:22%;left:78%;animation-delay:1s}.na-sparkle:nth-child(3){top:35%;left:10%;animation-delay:2.2s}.na-sparkle:nth-child(4){top:28%;left:88%;animation-delay:1.6s}.na-sparkle:nth-child(5){top:60%;left:82%;animation-delay:3s}.na-sparkle:nth-child(6){top:72%;left:15%;animation-delay:.6s}.na-sparkle:nth-child(7){top:80%;left:70%;animation-delay:4s}.na-sparkle:nth-child(8){top:88%;left:40%;animation-delay:3.4s}.na-sparkle:nth-child(9){top:10%;left:55%;animation-delay:4.8s}.na-sparkle:nth-child(10){top:50%;left:5%;animation-delay:1.8s}.na-splash-logo-area{display:flex;align-items:center;justify-content:center;position:relative;z-index:2;animation:none}.na-splash-logo-img{width:210px;height:auto;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;mix-blend-mode:screen;animation:none}.na-loading-overlay{position:absolute;inset:0;z-index:40;background:linear-gradient(180deg,#29dbf7 0,#1ec8e8 30%,#0fb4d4 60%,#0a9ec0 80%,#0a8db5);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px}.na-loading-logo{width:120px;height:auto;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;mix-blend-mode:screen;animation:none}.na-three-dot-loader{display:flex;gap:10px;align-items:center}.na-dot{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.9);animation:na-bounce 1.2s ease-in-out infinite}.na-dot-1{animation-delay:0s}.na-dot-2{animation-delay:.2s}.na-dot-3{animation-delay:.4s}@keyframes na-bounce{0%,80%,to{transform:scale(.55);opacity:.35}40%{transform:scale(1.1);opacity:1}}.na-upgrade-overlay{position:absolute;inset:0;z-index:80;background:rgba(0,0,0,.55);display:flex;align-items:flex-end;opacity:0;pointer-events:none;transition:opacity .35s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.na-upgrade-overlay--visible{opacity:1;pointer-events:all}.na-upgrade-popup{width:100%;background:#ffffff;border-radius:20px 20px 0 0;padding:0 20px 22px;position:relative;transform:translateY(40px);transition:transform .38s cubic-bezier(.34,1.3,.64,1);max-height:75vh;overflow-y:auto;border-top:3px solid var(--na-primary-light)}.na-upgrade-overlay--visible .na-upgrade-popup{transform:translateY(0)}.na-upgrade-progress-track{height:3px;width:100%;background:rgba(1,128,185,.12);border-radius:2px 2px 0 0;overflow:hidden;margin-bottom:12px}.na-upgrade-progress-bar{height:100%;background:linear-gradient(90deg,var(--na-primary),var(--na-primary-light));border-radius:2px;transition:width .1s linear}.na-upgrade-close{position:absolute;top:10px;right:16px;width:28px;height:28px;border-radius:50%;background:rgba(1,128,185,.1);border:none;cursor:pointer;font-size:12px;color:var(--na-text-mid);display:flex;align-items:center;justify-content:center;transition:background .15s}.na-upgrade-close:hover{background:rgba(1,128,185,.2)}.na-upgrade-icon{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--na-primary) 0,var(--na-primary-light) 100%);display:flex;align-items:center;justify-content:center;margin:0 auto 10px;box-shadow:0 4px 12px rgba(1,128,185,.3)}.na-upgrade-title{font-size:15px;font-weight:800;color:var(--na-text-dark);text-align:center;margin-bottom:5px;line-height:1.3}.na-upgrade-body{font-size:11.5px;color:var(--na-text-mid);text-align:center;line-height:1.55;margin-bottom:10px}.na-upgrade-benefits{list-style:none;margin-bottom:12px;display:flex;flex-direction:column;gap:6px}.na-upgrade-benefits li{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--na-text-dark);line-height:1.45;background:#f0faff;border-radius:8px;padding:7px 10px;border-left:3px solid var(--na-primary-light)}.na-upgrade-benefit-icon{font-size:14px;line-height:1.4;flex-shrink:0}.na-upgrade-cta{width:100%;height:44px;border-radius:12px;border:none;cursor:pointer;font-size:12.5px;font-weight:800;letter-spacing:.6px;font-family:Inter,sans-serif;background:linear-gradient(135deg,var(--na-primary) 0,var(--na-primary-light) 100%);color:var(--na-white);transition:opacity .18s,transform .1s;margin-bottom:10px;text-transform:uppercase;box-shadow:0 3px 12px rgba(1,128,185,.38)}.na-upgrade-cta:hover{opacity:.9}.na-upgrade-cta:active{transform:scale(.98)}.na-upgrade-support{text-align:center;font-size:12px;color:var(--na-text-muted)}.na-upgrade-support-link{background:none;border:none;cursor:pointer;font-size:12px;font-family:Inter,sans-serif;color:var(--na-link);font-weight:600;text-decoration:underline}.na-login-screen{height:100%;background:var(--na-login-bg);flex-direction:column;overflow:hidden}.na-login-screen,.na-login-topbar{width:100%;display:flex;position:relative}.na-login-topbar{align-items:center;justify-content:space-between;padding:max(18px,env(safe-area-inset-top,18px)) 20px 12px;z-index:2;flex-shrink:0}.na-login-back-btn{width:38px;height:38px;border-radius:50%;background:rgba(1,128,185,.1);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--na-primary);transition:background .15s}.na-login-back-btn:hover{background:rgba(1,128,185,.18)}.na-login-help-btn{width:38px;height:38px;border-radius:50%;background:var(--na-primary);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:700;font-family:Inter,sans-serif;transition:background .15s}.na-login-help-btn:hover{background:var(--na-primary-dark)}.na-login-content{flex:1 1;width:100%;padding:28px 28px 0;display:flex;flex-direction:column;align-items:stretch;overflow-y:auto;position:relative;z-index:2}.na-login-title{font-size:28px;font-weight:800;color:var(--na-text-dark);line-height:1.2;margin-bottom:32px;letter-spacing:-.3px}.na-field{display:flex;align-items:center;gap:12px;border-bottom:1.5px solid var(--na-input-border);padding-bottom:12px;margin-bottom:22px;transition:border-color .18s}.na-field:focus-within{border-bottom-color:var(--na-primary)}.na-field-icon{color:var(--na-text-muted);display:flex;align-items:center;flex-shrink:0}.na-field-input{flex:1 1;min-width:0;background:transparent;border:none;outline:none;font-size:15px;font-weight:400;color:var(--na-text-dark);font-family:Inter,sans-serif;caret-color:var(--na-primary)}.na-field-input::placeholder{color:var(--na-text-muted);font-weight:400}.na-field-eye{background:none;border:none;cursor:pointer;color:var(--na-text-muted);display:flex;align-items:center;padding:4px;flex-shrink:0;transition:color .15s}.na-field-eye:hover{color:var(--na-primary)}.na-forgot-link{background:none;border:none;cursor:pointer;font-size:14px;font-weight:600;color:var(--na-link);font-family:Inter,sans-serif;text-align:left;padding:0;margin-bottom:0;letter-spacing:.1px}.na-forgot-link:hover{text-decoration:underline}.na-login-spacer{flex:1 1;min-height:12px}.na-login-btn-wrap{width:100%;padding:16px 24px max(24px,env(safe-area-inset-bottom,24px));flex-shrink:0;position:relative;z-index:2}.na-login-btn{width:100%;height:54px;border-radius:14px;border:none;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:.4px;font-family:Inter,sans-serif;background:var(--na-primary);color:var(--na-white);transition:background .2s ease,transform .1s;box-shadow:0 4px 18px rgba(1,128,185,.38)}.na-login-btn:hover{background:var(--na-primary-dark)}.na-login-btn:active{transform:scale(.98)}.na-otp-screen{width:100%;height:100%;background:var(--na-login-bg);display:flex;flex-direction:column;position:relative}.na-otp-header{display:flex;align-items:center;justify-content:space-between;padding:max(18px,env(safe-area-inset-top,18px)) 20px 16px;background:var(--na-primary);flex-shrink:0}.na-otp-back-btn{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.15);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#ffffff;transition:background .15s}.na-otp-back-btn:hover{background:rgba(255,255,255,.25)}.na-otp-header-brand{display:flex;align-items:center;gap:8px}.na-otp-header-logo{width:80px;height:auto;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;mix-blend-mode:screen}.na-otp-content{flex:1 1;overflow-y:auto;padding:36px clamp(20px,7vw,32px) 28px;display:flex;flex-direction:column;align-items:center}.na-otp-icon-wrap{width:76px;height:76px;border-radius:50%;background:linear-gradient(135deg,rgba(1,128,185,.12),rgba(39,218,246,.18));display:flex;align-items:center;justify-content:center;margin-bottom:24px;border:2px solid rgba(1,128,185,.2)}.na-otp-title{font-size:22px;font-weight:800;color:var(--na-text-dark);text-align:center;margin-bottom:10px;line-height:1.25}.na-otp-subtitle{font-size:14px;color:var(--na-text-mid);text-align:center;line-height:1.65;margin-bottom:36px;max-width:300px}.na-otp-field-wrap{width:100%;background:#ffffff;border-radius:14px;border:2px solid var(--na-input-border);padding:16px 20px;display:flex;align-items:center;gap:12px;margin-bottom:16px;transition:border-color .18s,box-shadow .18s}.na-otp-field-wrap:focus-within{border-color:var(--na-primary);box-shadow:0 0 0 3px rgba(1,128,185,.12)}.na-otp-field-wrap--error{border-color:var(--na-error);box-shadow:0 0 0 3px rgba(229,57,53,.1)}.na-otp-input{flex:1 1;min-width:0;background:transparent;border:none;outline:none;font-size:24px;font-weight:700;letter-spacing:.28em;color:var(--na-text-dark);font-family:Inter,sans-serif;caret-color:var(--na-primary);text-align:center}.na-otp-input::placeholder{letter-spacing:.1em;font-size:15px;font-weight:400;color:var(--na-text-muted)}.na-otp-attempts{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--na-text-muted);margin-bottom:10px;align-self:flex-start}.na-otp-attempts--warning{color:var(--na-error)}.na-otp-timer{display:flex;align-items:center;gap:6px;margin-bottom:10px}.na-otp-timer-label{font-size:13px;color:var(--na-text-muted)}.na-otp-timer-value{font-size:14px;font-weight:700;color:var(--na-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.na-otp-error,.na-otp-timer-value--urgent{color:var(--na-error)}.na-otp-error{display:flex;align-items:center;gap:6px;font-size:13px;text-align:center;margin-bottom:14px;justify-content:center;background:rgba(229,57,53,.06);border-radius:8px;padding:8px 14px;width:100%}.na-otp-resend-btn{background:none;border:none;cursor:pointer;font-size:13px;font-weight:600;color:var(--na-link);font-family:Inter,sans-serif;padding:6px 0;margin-top:4px}.na-otp-resend-btn:disabled{color:var(--na-text-muted);cursor:not-allowed}.na-otp-verify-btn-wrap{width:100%;padding:16px 24px max(24px,env(safe-area-inset-bottom,24px));flex-shrink:0}.na-otp-verify-btn{width:100%;height:54px;border-radius:14px;border:none;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:.4px;font-family:Inter,sans-serif;background:var(--na-primary);color:var(--na-white);transition:background .2s,transform .1s,opacity .2s;box-shadow:0 4px 18px rgba(1,128,185,.38)}.na-otp-verify-btn:hover{background:var(--na-primary-dark)}.na-otp-verify-btn:active{transform:scale(.98)}.na-otp-verify-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.na-locked-screen{width:100%;height:100%;background:var(--na-login-bg);display:flex;flex-direction:column}.na-locked-topbar{width:100%;background:var(--na-primary);padding:max(14px,env(safe-area-inset-top,14px)) 20px 16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.na-locked-topbar-logo{width:90px;height:auto;object-fit:contain;mix-blend-mode:screen;-webkit-user-select:none;-moz-user-select:none;user-select:none}.na-locked-content{flex:1 1;flex-direction:column;padding:40px 32px}.na-locked-content,.na-locked-icon-wrap{display:flex;align-items:center;justify-content:center}.na-locked-icon-wrap{width:90px;height:90px;border-radius:50%;background:rgba(229,57,53,.08);border:2px solid rgba(229,57,53,.2);margin-bottom:26px}.na-locked-title{font-size:22px;font-weight:800;color:var(--na-error);text-align:center;margin-bottom:12px;line-height:1.2}.na-locked-body{font-size:14px;color:var(--na-text-mid);text-align:center;line-height:1.65;margin-bottom:36px;max-width:280px}.na-locked-btn{width:100%;max-width:300px;height:54px;border-radius:27px;border:none;cursor:pointer;font-size:15px;font-weight:700;font-family:Inter,sans-serif;background:var(--na-primary);color:var(--na-white);transition:background .18s,transform .1s;box-shadow:0 4px 14px rgba(1,128,185,.35);letter-spacing:.3px}.na-locked-btn:hover{background:var(--na-primary-dark)}.na-locked-btn:active{transform:scale(.98)}