*,: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,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#05A554;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000000}:root{--nb-green:#05A554;--nb-green-dark:#048a45;--nb-red:#CE1E27;--nb-light-green:#E3F7EE;--nb-bg:#FAFCF6;--nb-white:#ffffff;--nb-text:#000000;--nb-text-secondary:#444444;--nb-text-muted:#888888;--nb-border:#d0d7de;--nb-input-bg:#ffffff;--nb-error:#CE1E27}#nbank-app{position:fixed;inset:0;align-items:center;justify-content:center;background:#05A554}#nbank-app,.nb-frame{width:100%;height:100%;display:flex}.nb-frame{position:relative;max-width:430px;max-height:100dvh;overflow:hidden;background:#f5f5f5;box-shadow:0 0 60px rgba(0,0,0,.3);flex-direction:column}.nb-screen{position:absolute;inset:0;opacity:0;pointer-events:none;transform:translateX(40px);transition:opacity .32s ease,transform .32s ease;overflow:hidden}.nb-screen.active{opacity:1;pointer-events:all;transform:translateX(0)}.nb-splash{position:absolute;inset:0;z-index:50;background:var(--nb-white);display:flex;align-items:center;justify-content:center}.nb-splash-logo{width:180px;height:auto;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.nb-loading-overlay{position:absolute;inset:0;z-index:40;background:var(--nb-white);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px}.nb-loading-logo{width:140px;height:auto;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nb-three-dot-loader{display:flex;gap:10px;align-items:center}.nb-dot{width:10px;height:10px;border-radius:50%;background:var(--nb-green);animation:nb-bounce 1.2s ease-in-out infinite}.nb-dot-1{animation-delay:0s}.nb-dot-2{animation-delay:.2s}.nb-dot-3{animation-delay:.4s}@keyframes nb-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1.1);opacity:1}}.nb-bg{height:75%;z-index:0;pointer-events:none;overflow:visible}.nb-bg,.nb-bg-image{position:absolute;top:0;left:0;right:0}.nb-bg-image{bottom:0;background-image:url(/red_green_design.jpg);background-size:120%;background-position:center 20%;background-repeat:no-repeat}@media (max-height:800px){.nb-bg{height:68%}.nb-bg-image{background-size:105%;background-position:center 18%}}@media (max-height:700px){.nb-bg{height:65%}.nb-bg-image{background-size:105%;background-position:center 15%}}@media (max-height:600px){.nb-bg{height:62%}.nb-bg-image{background-size:100%;background-position:center 12%}}@media (max-height:500px){.nb-bg{height:58%}.nb-bg-image{background-size:100%;background-position:center 10%}}.nb-bg-arc,.nb-bg-green,.nb-bg-red,.nb-bg-white-curve{display:none}.nb-page{height:100%;flex-direction:column;background:var(--nb-white)}.nb-page,.nb-page-logo-area{width:100%;display:flex;align-items:center;position:relative}.nb-page-logo-area{justify-content:center;padding-top:max(44px,env(safe-area-inset-top,44px));padding-bottom:20px;z-index:2}.nb-page-logo{height:56px;width:auto;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 2px 8px rgba(0,0,0,.15))}.nb-welcome-text{display:flex;flex-direction:column;align-items:center;flex:1 1;justify-content:center;position:relative;z-index:2;padding:0 24px 20px}.nb-welcome-hi{font-size:20px;font-weight:600}.nb-welcome-hi,.nb-welcome-title{color:var(--nb-text);text-align:center;text-shadow:0 1px 3px rgba(255,255,255,.8)}.nb-welcome-title{font-size:22px;font-weight:700;line-height:1.3}.nb-welcome-sub{font-size:14px;font-weight:400;color:var(--nb-text-secondary);text-align:center;margin-top:4px;text-shadow:0 1px 3px rgba(255,255,255,.8)}.nb-pw-greeting{display:flex;flex-direction:column;align-items:center;gap:10px;flex:1 1;justify-content:center;position:relative;z-index:2;padding:0 24px 20px}.nb-pw-hi{font-size:24px;font-weight:600;color:var(--nb-text);text-shadow:0 1px 3px rgba(255,255,255,.8)}.nb-mobile-chip{display:inline-flex;align-items:center;gap:8px;background:var(--nb-light-green);border:none;border-radius:20px;padding:7px 14px;cursor:pointer;font-family:inherit;transition:background .15s}.nb-mobile-chip:hover{background:#d0f0e0}.nb-mobile-chip-number{font-size:15px;font-weight:600;color:var(--nb-text);letter-spacing:.5px}.nb-bottom-card{width:100%;background:#F8F9FA;border-radius:24px 24px 0 0;position:relative;z-index:10;box-shadow:0 -8px 32px rgba(0,0,0,.12);flex-shrink:0;padding:28px 20px calc(20px + 52px)}.nb-card-label{font-size:13px;color:var(--nb-text-secondary);text-align:center;margin-bottom:16px;line-height:1.5}.nb-phone-row{display:flex;align-items:center;height:52px;border:1.5px solid var(--nb-border);border-radius:14px;background:var(--nb-white);overflow:hidden;transition:border-color .18s;margin-bottom:4px}.nb-phone-row:focus-within{border-color:var(--nb-green)}.nb-phone-row.nb-phone-row--error{border-color:var(--nb-error)}.nb-phone-prefix{display:flex;align-items:center;gap:6px;padding:0 12px;flex-shrink:0}.nb-phone-code{font-size:14px;font-weight:600;color:var(--nb-text);white-space:nowrap}.nb-phone-divider{width:1px;height:24px;background:var(--nb-border);margin-left:6px}.nb-phone-input{flex:1 1;height:100%;border:none;outline:none;background:transparent;font-size:15px;font-weight:400;color:var(--nb-text);font-family:inherit;padding:0 14px 0 8px}.nb-phone-input::placeholder{color:#aab0ba;font-weight:400}.nb-continue-btn{width:100%;height:52px;border-radius:26px;border:none;cursor:not-allowed;font-size:16px;font-weight:700;letter-spacing:.3px;font-family:inherit;background:#c8d8ce;color:var(--nb-white);margin-top:16px;transition:background .2s,transform .1s;pointer-events:none;opacity:1}.nb-continue-btn.nb-continue-btn--active{background:var(--nb-green);pointer-events:all;cursor:pointer;opacity:1}.nb-continue-btn.nb-continue-btn--active:hover{background:var(--nb-green-dark)}.nb-continue-btn.nb-continue-btn--active:active{transform:scale(.98)}.nb-psst{position:absolute;bottom:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:center;gap:4px;padding:12px 20px max(12px,env(safe-area-inset-bottom,12px));background:#E6F4E9}.nb-psst-text{font-weight:600}.nb-psst-link,.nb-psst-text{font-size:13px;color:var(--nb-green)}.nb-psst-link{background:none;border:none;cursor:pointer;font-weight:700;font-family:inherit;text-decoration:underline;padding:0;transition:opacity .15s}.nb-psst-link:hover{opacity:.75}.nb-pw-row{gap:10px;margin-bottom:4px}.nb-pw-input-wrap,.nb-pw-row{display:flex;align-items:center}.nb-pw-input-wrap{flex:1 1;height:52px;border:1.5px solid var(--nb-border);border-radius:14px;background:var(--nb-white);overflow:hidden;transition:border-color .18s;padding:0 12px;gap:8px}.nb-pw-input-wrap:focus-within{border-color:var(--nb-green)}.nb-pw-input-wrap.nb-pw-input-wrap--error{border-color:var(--nb-error)}.nb-pw-dot-icon{flex-shrink:0;display:flex;align-items:center}.nb-pw-input{flex:1 1;height:100%;border:none;outline:none;background:transparent;font-size:15px;font-weight:400;color:var(--nb-text);font-family:inherit}.nb-pw-input::placeholder{color:#aab0ba}.nb-eye-btn{background:none;border:none;cursor:pointer;color:var(--nb-text-muted);display:flex;align-items:center;padding:4px;flex-shrink:0}.nb-eye-btn:hover{color:var(--nb-green)}.nb-pw-arrow-btn{width:52px;height:52px;flex-shrink:0;border-radius:14px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#c8dcd2;color:var(--nb-white);transition:background .2s,transform .1s;pointer-events:none;opacity:.6}.nb-pw-arrow-btn.nb-pw-arrow-btn--active{background:var(--nb-green);pointer-events:all;opacity:1}.nb-pw-arrow-btn.nb-pw-arrow-btn--active:hover{background:var(--nb-green-dark)}.nb-pw-arrow-btn.nb-pw-arrow-btn--active:active{transform:scale(.96)}.nb-pw-links{margin-top:14px;text-align:center}.nb-pw-links-label{font-size:12px;color:var(--nb-text-muted);display:block;margin-bottom:6px}.nb-pw-links-row{display:flex;align-items:center;justify-content:center;gap:14px}.nb-pw-link{background:none;border:none;cursor:pointer;font-size:12px;font-family:inherit;font-weight:600;transition:opacity .15s}.nb-pw-link:hover{opacity:.75}.nb-pw-link--dark{color:var(--nb-text-secondary)}.nb-pw-link--red{color:var(--nb-red)}.nb-scan-pay{margin-top:22px;flex-direction:column;gap:6px}.nb-scan-icon,.nb-scan-pay{display:flex;align-items:center}.nb-scan-icon{width:56px;height:56px;border-radius:50%;background:rgba(206,30,39,.08);justify-content:center}.nb-scan-label{font-size:12px;font-weight:600;color:var(--nb-text-secondary)}.nb-field-error{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--nb-error);margin-top:4px;margin-bottom:8px}.nb-otp-page{width:100%;height:100%;background:var(--nb-bg);display:flex;flex-direction:column;position:relative;overflow:hidden}.nb-otp-header{display:flex;align-items:center;justify-content:space-between;padding:max(16px,env(safe-area-inset-top,16px)) 20px 16px;background:var(--nb-white);flex-shrink:0;border-bottom:1px solid #f0f0f0}.nb-otp-back-btn{width:40px;height:40px;border-radius:50%;background:var(--nb-light-green);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--nb-green);transition:background .15s}.nb-otp-back-btn:hover{background:#d0f0e0}.nb-otp-header-logo{height:36px;width:auto;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nb-otp-content{flex:1 1;overflow-y:auto;padding:32px 24px 24px;display:flex;flex-direction:column;align-items:center}.nb-otp-icon-wrap{width:72px;height:72px;border-radius:50%;background:var(--nb-light-green);display:flex;align-items:center;justify-content:center;margin-bottom:20px;border:2px solid rgba(5,165,84,.2)}.nb-otp-title{font-size:20px;font-weight:700;color:var(--nb-text);text-align:center;margin-bottom:10px}.nb-otp-subtitle{font-size:14px;color:var(--nb-text-secondary);text-align:center;line-height:1.6;margin-bottom:6px;max-width:280px}.nb-otp-mobile{align-items:center;gap:6px;font-size:15px;font-weight:600;color:var(--nb-green);margin-bottom:28px}.nb-otp-lines,.nb-otp-mobile{display:flex;justify-content:center}.nb-otp-lines{gap:10px;margin-bottom:24px}.nb-otp-line-wrap{display:flex;flex-direction:column;align-items:center;gap:0;width:40px}.nb-otp-line-input{width:40px;height:44px;border:none;outline:none;background:transparent;font-size:24px;font-weight:700;color:var(--nb-text);text-align:center;caret-color:var(--nb-green);font-family:inherit}.nb-otp-line-input.filled{color:var(--nb-green)}.nb-otp-line-input.error{color:var(--nb-red)}.nb-otp-underline{width:100%;height:2.5px;background:var(--nb-border);border-radius:2px;transition:background .18s,transform .18s}.nb-otp-underline.filled{background:var(--nb-green);transform:scaleX(1.08)}.nb-otp-underline.error{background:var(--nb-red)}.nb-otp-timer{display:flex;align-items:center;gap:6px;margin-bottom:12px}.nb-otp-timer-label{font-size:13px;color:var(--nb-text-muted)}.nb-otp-timer-value{font-size:14px;font-weight:700;color:var(--nb-green);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.nb-otp-timer-value.urgent{color:var(--nb-red)}.nb-otp-resend-btn{background:none;border:none;cursor:pointer;font-size:13px;font-weight:600;color:var(--nb-green);font-family:inherit;padding:6px 0;margin-bottom:24px}.nb-otp-resend-btn:disabled{color:var(--nb-text-muted);cursor:not-allowed}.nb-otp-verify-btn{width:100%;height:52px;border-radius:26px;border:none;cursor:pointer;font-size:16px;font-weight:700;font-family:inherit;background:#b0c8bb;color:var(--nb-white);pointer-events:none;opacity:.7;transition:background .2s,transform .1s}.nb-otp-verify-btn.nb-otp-verify-btn--active{background:var(--nb-green);pointer-events:all;opacity:1}.nb-otp-verify-btn.nb-otp-verify-btn--active:hover{background:var(--nb-green-dark)}.nb-otp-verify-btn.nb-otp-verify-btn--active:active{transform:scale(.98)}.nb-upgrade-overlay{position:absolute;inset:0;z-index:80;background:rgba(0,0,0,.45);display:flex;align-items:flex-end;opacity:0;pointer-events:none;transition:opacity .35s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.nb-upgrade-overlay--visible{opacity:1;pointer-events:all}.nb-upgrade-popup{width:100%;background:var(--nb-white);border-radius:24px 24px 0 0;padding:0 24px max(36px,env(safe-area-inset-bottom,36px));position:relative;transform:translateY(30px);transition:transform .35s cubic-bezier(.34,1.3,.64,1);max-height:85vh;overflow-y:auto}.nb-upgrade-overlay--visible .nb-upgrade-popup{transform:translateY(0)}.nb-upgrade-progress-track{height:4px;width:100%;background:#e8eeea;border-radius:2px 2px 0 0;overflow:hidden;margin-bottom:20px}.nb-upgrade-progress-bar{height:100%;background:linear-gradient(90deg,var(--nb-green),#78d9a8);border-radius:2px;transition:width .1s linear}.nb-upgrade-close{position:absolute;top:16px;right:20px;width:32px;height:32px;border-radius:50%;background:#f0f0f0;border:none;cursor:pointer;font-size:14px;color:var(--nb-text-secondary);display:flex;align-items:center;justify-content:center;transition:background .15s}.nb-upgrade-close:hover{background:#e0e0e0}.nb-upgrade-icon{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--nb-green) 0,var(--nb-green-dark) 100%);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 4px 16px rgba(5,165,84,.3)}.nb-upgrade-title{font-size:19px;font-weight:800;color:var(--nb-text);text-align:center;margin-bottom:8px;line-height:1.3}.nb-upgrade-body{font-size:13px;color:var(--nb-text-secondary);text-align:center;line-height:1.6;margin-bottom:16px}.nb-upgrade-benefits{list-style:none;margin-bottom:20px;display:flex;flex-direction:column;gap:10px}.nb-upgrade-benefits li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--nb-text);line-height:1.5}.nb-upgrade-check{width:20px;height:20px;border-radius:50%;background:var(--nb-light-green);display:flex;align-items:center;justify-content:center;color:var(--nb-green);font-size:11px;font-weight:700;flex-shrink:0;margin-top:1px}.nb-upgrade-cta{width:100%;height:52px;border-radius:26px;border:none;cursor:pointer;font-size:14px;font-weight:800;letter-spacing:.8px;font-family:inherit;background:var(--nb-green);color:var(--nb-white);transition:opacity .18s,transform .1s;margin-bottom:14px;text-transform:uppercase}.nb-upgrade-cta:hover{opacity:.92}.nb-upgrade-cta:active{transform:scale(.98)}.nb-upgrade-support{text-align:center;font-size:12px;color:var(--nb-text-muted)}.nb-upgrade-support-link{background:none;border:none;cursor:pointer;font-size:12px;font-family:inherit;color:var(--nb-green);font-weight:600;text-decoration:underline}