@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Poppins:wght@600;900&display=swap);body{background:#0b0f14;color:#fff;font-family:Inter,sans-serif;margin:0}.container{align-items:center;display:flex;height:100vh;justify-content:center}.card{background:#111826;border-radius:20px;box-shadow:0 0 40px #0009;padding:30px;width:360px}.title{font-size:22px;font-weight:600;margin-bottom:10px}.subtitle{color:#aaa;font-size:13px;margin-bottom:20px}.input{background:#1a2332;border:none;border-radius:10px;color:#fff;margin-bottom:15px;padding:12px;width:100%}.pin-dots{margin:15px 0}.dot{background:#2c3a4d;border-radius:50%;height:10px;width:10px}.dot.active{background:#00d4ff}.keypad{grid-gap:12px;display:grid;grid-template-columns:repeat(3,1fr);margin-top:15px}.key{background:#1a2332;padding:14px;text-align:center;transition:.2s}.key:hover{color:#000}.btn,.key:hover{background:#00d4ff}.btn{border-radius:10px;cursor:pointer;font-weight:600;margin-top:15px;padding:12px}.balance,.btn{text-align:center}.balance{background:linear-gradient(135deg,#00d4ff,#07f);border-radius:15px;margin-bottom:20px;padding:20px}.balance h1{margin:0}.tx{background:#1a2332;border-radius:10px;margin-top:8px;padding:10px}.atm-card{background:#0f172a;border-radius:20px;color:#fff}.atm-title{margin-bottom:15px;text-align:center}.atm-balance{background:linear-gradient(135deg,#00d4ff,#07f);border-radius:15px;margin-bottom:20px;padding:20px;text-align:center}.atm-input{border-radius:10px;margin-bottom:10px;padding:12px;width:100%}.atm-btn{background:#00d4ff;border:none;border-radius:10px;padding:12px}.atm-actions{display:flex;gap:10px;margin-top:15px}.atm-actions button{flex:1 1;padding:10px}.fintech-card{background:#111827;color:#fff}.tx-item{background:#1f2937;border-radius:10px;margin-top:8px;padding:10px}:root{--blue:#1a6bff;--blue-dim:#1259e0;--blue-mid:#4a8fff;--blue-dark:#039;--blue-darker:#e8f0fe;--blue-deep:#dce8fd;--blue-accent:#b3ccfa;--blue-muted:#69e;--blue-bright:#58f;--bg-dark:#f5f7fa;--bg-mid:#fff;--bg-atm:#f0f4ff;--error:#e53935;--error-soft:#ef5350;--warn:#f59e0b;--border-key:#c8d6e8;--mono:"Inter","Segoe UI",sans-serif;--display:"Poppins","Segoe UI",sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.atm-page{align-items:center;background:linear-gradient(135deg,#e8f0fe,#dce8fd 50%,#eaf2ff);display:flex;font-family:Inter,Segoe UI,sans-serif;font-family:var(--mono);justify-content:center;min-height:100vh;padding:2rem}.atm-body{background:linear-gradient(170deg,#f8faff,#eef4ff 40%,#e2ecff);border:3px solid #b8cce8;border-radius:22px 22px 28px 28px;box-shadow:0 30px 80px #1a6bff1f,inset 0 2px 4px #ffffffe6,inset 0 -2px 4px #1a6bff14;padding:18px 18px 22px;position:relative;width:360px}.atm-brand-label{color:#1a3a80;font-family:Poppins,Segoe UI,sans-serif;font-family:var(--display);font-size:13px;font-weight:900;letter-spacing:3px;margin-bottom:8px;padding-right:4px;text-align:right}.screen-bezel{background:#d0ddf5;border:2px solid #b0c4e0;border-radius:8px;box-shadow:inset 0 3px 8px #1a6bff1a;margin-bottom:12px;padding:6px}.screen{align-items:center;background:#eaf2ff;border-radius:5px;display:flex;flex-direction:column;justify-content:center;min-height:200px;overflow:hidden;padding:14px 12px;position:relative}.screen-scanlines{background:repeating-linear-gradient(0deg,#0000,#0000 3px,#1a6bff05 0,#1a6bff05 4px);inset:0;pointer-events:none;position:absolute;z-index:10}.screen-inner{position:relative;width:100%;z-index:5}.mid-row{align-items:stretch;display:flex;gap:8px;margin-bottom:12px}.screen-col{flex:1 1}.side-btn-col{display:flex;flex-direction:column;justify-content:space-around;padding:4px 0}.side-btn{background:linear-gradient(180deg,#e8f0ff,#ccd8f0);border:1.5px solid #a0b8d8;border-radius:5px;cursor:pointer;height:32px;outline:none;transition:all .1s;width:22px}.side-btn.active{background:linear-gradient(180deg,#58f,#1a6bff)}.card-slot-area{align-items:center;display:flex;flex-direction:column;gap:3px;margin-bottom:10px}.card-slot{background:#ccd8ee;border:1.5px solid #a0b8d0;border-radius:3px;height:7px;overflow:hidden;position:relative;width:50px}.card-anim{animation:cardIn .6s ease-in forwards;background:linear-gradient(135deg,#1a6bff,#0047cc);border:1px solid #4a8fff;border-radius:3px;height:22px;left:50%;position:absolute;top:-5px;transform:translateX(-50%);width:34px}@keyframes cardIn{0%{opacity:1;top:-5px}to{height:0;opacity:0;top:1px}}.slot-label{color:#68a;font-family:Inter,Segoe UI,sans-serif;font-family:var(--mono);font-size:8px;letter-spacing:1px}.keypad{background:#dce8f8;border:1.5px solid #b0c8e8;border-radius:8px;display:flex;gap:12px;padding:10px}.left-keys{display:flex;flex-direction:column;gap:6px}.func-row,.key-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,45px)}.side-keys{display:flex;flex-direction:column!important;gap:10px}.side-keys .key{align-items:center;display:flex;font-size:12px;height:60px;justify-content:center;padding:6px;text-orientation:mixed!important;width:70px;writing-mode:horizontal-tb!important}.cancel-b{margin-top:2px}.back-b,.cancel-b{border-radius:50px;height:45.5px;width:120px}.back-b{margin-left:-50px;margin-top:52px}.enter-b{border-radius:50px;height:45.5px;margin-left:-100px;margin-top:102px;width:120px}.key{background:linear-gradient(180deg,#fff,#e8f0ff);border:1.5px solid #9db4d6;border-radius:10px;color:#1a3a80;cursor:pointer;font-family:Inter,Segoe UI,sans-serif;font-family:var(--mono);font-size:12px;font-weight:700;outline:none;padding:8px 0;transition:all .08s}.key:active{transform:scale(.94)}.key-green{background:linear-gradient(180deg,#e8f8ee,#c8eeda);border-color:#4caf70;color:#155a2a}.key-yellow{background:linear-gradient(180deg,#fff8e1,#fff0b8);border-color:#d4a800;color:#7a5a00}.key-red{background:linear-gradient(180deg,#ffebee,#ffc8cc);border-color:#e05555;color:#8a1a1a}.cash-slot-area{align-items:center;background:#dce8f8;border:1.5px solid #b0c8e8;border-radius:8px;display:flex;flex-direction:column;gap:4px;margin-top:10px;padding:7px 10px;position:relative}.cash-slot{background:#b8ccde;border:1.5px solid #90aac0;border-radius:3px;height:8px;position:relative;width:70%}.nav-btns{display:flex;gap:6px;margin-top:10px}.nav-btn{background:linear-gradient(180deg,#1a6bff,#0047cc);border:1.5px solid #1259e0;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-family:Inter,Segoe UI,sans-serif;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.5px;padding:8px 4px;text-align:center;transition:all .1s}.nav-btn:hover{background:linear-gradient(180deg,#27f,#1055dd)}.nav-btn-qr{background:linear-gradient(180deg,#e8f4ff,#cce4ff);border-color:#1a6bff;color:#1a3a80}.nav-btn-qr:hover{background:linear-gradient(180deg,#d8ecff,#bbdaff)}.cash-note{align-items:center;background:linear-gradient(135deg,#c8e8ff,#a0ccf0);border:1.5px solid #4a88cc;border-radius:3px;color:#1a3a80;display:flex;font-family:Inter,Segoe UI,sans-serif;font-family:var(--mono);font-size:9px;font-weight:900;height:26px;justify-content:center;pointer-events:none;position:absolute;width:68px;z-index:50}.cursor{display:inline-block;height:13px;margin-left:2px;transition:background .1s;vertical-align:middle;width:2px}.bank-name{color:#1a5bff;margin-bottom:2px;text-align:center}.bank-sub{color:#4a7acc;font-size:10px;letter-spacing:1px;margin-bottom:14px;text-align:center}.screen-title{font-weight:700;letter-spacing:2px;margin-bottom:10px}.screen-prompt,.screen-title{color:#1a4bdd;font-size:12px;text-align:center}.screen-prompt{margin-bottom:6px}.screen-msg{color:#4a7acc}.screen-error,.screen-msg{font-size:11px;margin-top:6px;text-align:center}.screen-error{color:#e53935;color:var(--error);font-weight:700}.screen-big{font-size:28px;margin-bottom:4px}.screen-amount,.screen-big{color:#1a5bff;font-family:Poppins,Segoe UI,sans-serif;font-family:var(--display);font-weight:900;letter-spacing:1px;text-align:center}.screen-amount{font-size:22px}.screen-approved{color:#1a5bff;font-size:13px;font-weight:900;margin-bottom:4px;text-align:center}.screen-collect{color:#1a4bdd;font-size:11px;font-weight:700;text-align:center}.screen-divider{border:none;border-top:1px solid #b3ccfa;border-top:1px solid var(--blue-accent);margin:8px 0}.welcome-blink{color:#1a5bff;font-size:15px;margin-top:10px;text-align:center;transition:opacity .3s}.welcome-hint{color:#68b;font-size:9px;margin-top:14px;text-align:center}.pin-dots{gap:10px;justify-content:center;margin:14px 0}.pin-dot{border:2px solid #90aacc;height:16px;transition:background .2s;width:16px}.face-auth-divider{align-items:center;display:flex;gap:8px;margin:8px 0 6px}.face-auth-divider:after,.face-auth-divider:before{background:#b3ccfa;background:var(--blue-accent);content:"";flex:1 1;height:1px}.face-auth-divider span{color:#90aacc;font-size:9px;letter-spacing:2px}.face-auth-btn{align-items:center;background:#1a6bff0f;border:1px solid #b3ccfa;border:1px solid var(--blue-accent);border-radius:5px;color:#1a5bff;cursor:pointer;display:flex;font-family:Inter,Segoe UI,sans-serif;font-family:var(--mono);font-size:11px;gap:6px;justify-content:center;letter-spacing:1px;padding:6px 0;transition:all .15s;width:100%}.face-auth-btn:hover{background:#1a6bff1f;border-color:#1259e0;border-color:var(--blue-dim)}.face-scanning{align-items:center;color:#f59e0b;color:var(--warn);display:flex;gap:6px}.face-scan-ring{animation:faceSpin .8s linear infinite;border:2px solid #f59e0b;border:2px solid var(--warn);border-radius:50%;border-top:2px solid #0000;display:inline-block;height:12px;width:12px}@keyframes faceSpin{to{transform:rotate(1turn)}}.quick-amts{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-top:8px}.quick-btn{background:#dce8ff;border:1px solid #90aadd;border-radius:4px;color:#1a4bdd;cursor:pointer;font-family:Inter,Segoe UI,sans-serif;font-family:var(--mono);font-size:10px;padding:3px 8px;transition:all .1s}.quick-btn:hover{background:#c8d8ff;border-color:#1a6bff}.menu-item{align-items:center;border-bottom:1px solid #dce8ff;cursor:pointer;display:flex;gap:8px;padding:4px 0}.menu-dot{background:#c8d8f0;border:1.5px solid #90aacc;border-radius:50%;flex-shrink:0;height:8px;transition:background .2s;width:8px}.menu-dot.selected{background:#1a6bff}.menu-text{color:#4a6aaa;font-size:11px}.menu-text.selected{color:#1a4bdd;font-weight:700}.balance-label{color:#4a7acc;font-size:10px;margin-bottom:10px;text-align:center}.withdraw-balance{color:#4a7acc;font-size:11px;margin-bottom:4px;margin-top:4px;text-align:center}.txn-row{border-bottom:1px solid #dce8ff;display:flex;font-size:10px;justify-content:space-between;padding:4px 0}.txn-date{color:#68a;min-width:36px}.txn-desc{color:#1a4bdd;flex:1 1;overflow:hidden;padding-left:4px;text-overflow:ellipsis;white-space:nowrap}.txn-credit{color:#1a8a44;font-weight:700}.txn-debit{color:#ef5350;color:var(--error-soft);font-weight:700}.chart-area{align-items:flex-end;display:flex;gap:4px;height:72px;justify-content:space-around;margin-bottom:6px;padding:0 2px}.chart-bar-col{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:2px;height:100%}.chart-bar-label-top{font-size:8px;font-weight:700;letter-spacing:0;line-height:1;min-height:10px}.chart-bar-track{align-items:flex-end;background:#dce8ff;display:flex;flex:1 1;overflow:hidden}.chart-bar-fill,.chart-bar-track{border-radius:3px 3px 0 0;width:100%}.chart-bar-fill{min-height:2px;transition:height .8s cubic-bezier(.34,1.56,.64,1)}.chart-bar-name{color:#68a;font-size:7px;letter-spacing:0;line-height:1;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.chart-details{margin-top:4px}.chart-detail-row{align-items:center;border-bottom:1px solid #dce8ff;display:flex;gap:5px;padding:2px 0}.chart-detail-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.chart-detail-name{color:#1a4bdd;flex:1 1;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-detail-pct{font-size:9px;font-weight:700;min-width:24px;text-align:right}.chart-detail-amt{color:#68a;font-size:9px;min-width:38px;text-align:right}.spend-total{color:#68a;font-size:10px;margin-top:4px;text-align:center}.qr-wrapper{align-items:center;align-self:center;background:#fff;border:1px solid #b3ccfa;border-radius:6px;box-shadow:0 0 12px #1a6bff1a;display:flex;justify-content:center;margin:8px auto 6px;padding:6px;width:fit-content}.qr-canvas{display:block;image-rendering:pixelated}.qr-hint{color:#1a4bdd;font-size:11px;font-weight:700;margin-top:4px;text-align:center}.qr-sub{color:#68a;font-size:9px}.qr-sub,.qr-url{margin-top:2px;text-align:center}.qr-url{color:#abd;font-size:8px;letter-spacing:0;word-break:break-all}.processing-msg{color:#1a6bff;font-size:16px;font-weight:900;margin-top:8px;text-align:center}.processing-sub{color:#68a;font-size:10px;margin-top:10px;text-align:center}.dispensing-hint{color:#68a;font-size:9px;margin-top:4px;text-align:center}.thankyou-msg{color:#1a5bff;font-size:12px;margin-top:16px;text-align:center}.thankyou-sub{color:#68a;font-size:10px;margin-top:10px;text-align:center}.card-number-display{color:#1a5bff;font-family:Inter,Segoe UI,sans-serif;font-family:var(--mono);font-size:15px;letter-spacing:3px;text-align:center}.card-count-msg{color:#68a;font-size:10px;margin-top:6px;text-align:center}@media (max-width:420px){.atm-body{padding:12px 12px 16px;width:92vw}.bank-name{font-size:14px}}.atm-login-page{align-items:center;background:#f0f4ff;display:flex;font-family:Inter,Segoe UI,sans-serif;font-family:var(--mono);justify-content:center;min-height:100vh;overflow:hidden;position:relative}.grid-bg{animation:gridScroll 20s linear infinite;background-image:linear-gradient(#1a6bff0d 1px,#0000 0),linear-gradient(90deg,#1a6bff0d 1px,#0000 0);background-size:40px 40px;inset:0;pointer-events:none;position:fixed}@keyframes gridScroll{0%{background-position:0 0}to{background-position:40px 40px}}.corner{animation:cornerPulse 3s ease-in-out infinite;border-color:#1a6bff;border-style:solid;height:60px;opacity:.2;pointer-events:none;position:fixed;width:60px}.corner.tl{border-width:2px 0 0 2px;left:20px;top:20px}.corner.tr{border-width:2px 2px 0 0;right:20px;top:20px}.corner.bl{border-width:0 0 2px 2px;bottom:20px;left:20px}.corner.br{border-width:0 2px 2px 0;bottom:20px;right:20px}@keyframes cornerPulse{0%,to{opacity:.2}50%{opacity:.45}}.boot-terminal{display:flex;flex-direction:column;gap:10px;padding:40px;transition:opacity .3s}.boot-terminal.hidden{opacity:0;pointer-events:none}.boot-line{align-items:center;animation:fadeSlideIn .3s ease both;display:flex;font-size:14px;gap:8px}.boot-prompt{color:#90aacc}.boot-text{color:#1a4bdd;letter-spacing:1px}.boot-cursor{animation:blink .8s step-end infinite;background:#1a6bff;display:inline-block;height:16px;width:10px}@keyframes fadeSlideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.atm-card{animation:cardEnter .5s cubic-bezier(.22,1,.36,1) both;background:#fff;border:1px solid #c8d8f0;border-radius:12px;box-shadow:0 0 0 1px #e8f0ff,0 0 40px #1a6bff14,0 20px 60px #1a6bff1f;padding:32px 36px 28px;position:relative;transition:transform .15s ease,box-shadow .15s ease;width:420px}@keyframes cardEnter{0%{opacity:0;transform:perspective(900px) rotateX(8deg) translateY(30px)}to{opacity:1;transform:perspective(900px) rotateX(0deg) translateY(0)}}.atm-card.shake{animation:shake .45s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translateX(-3px)}20%,80%{transform:translateX(4px)}30%,50%,70%{transform:translateX(-5px)}40%,60%{transform:translateX(5px)}}.atm-card.exit{animation:cardExit .45s ease-in forwards}@keyframes cardExit{to{opacity:0;transform:perspective(900px) rotateX(-8deg) translateY(-30px) scale(.95)}}.card-header{align-items:center;display:flex;gap:14px;margin-bottom:20px}.header-icon{flex-shrink:0}.bank-name{color:#1a4bdd;font-family:Poppins,Segoe UI,sans-serif;font-family:var(--display);font-size:18px;font-weight:900;letter-spacing:3px}.bank-sub{color:#90aacc;font-size:9px;letter-spacing:2px;margin-top:2px}.header-dot{animation:dotPulse 2s ease-in-out infinite;background:#1a6bff;border-radius:50%;box-shadow:0 0 8px #1a6bff66;flex-shrink:0;height:10px;margin-left:auto;width:10px}@keyframes dotPulse{0%,to{box-shadow:0 0 8px #1a6bff66}50%{box-shadow:0 0 16px #1a6bffb3}}.card-divider{background:linear-gradient(90deg,#0000,#b3ccfa,#0000);height:1px;margin-bottom:14px}.status-bar{align-items:center;background:#f0f6ff;border:1px solid #c8d8f0;border-radius:6px;display:flex;font-size:9px;gap:8px;letter-spacing:1px;margin-bottom:24px;padding:6px 10px}.status-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.status-dot.active{animation:dotPulse 1.5s ease-in-out infinite;background:#1a6bff}.status-text{color:#4a7acc;flex:1 1}.status-time{font-feature-settings:"tnum";color:#90aacc;font-variant-numeric:tabular-nums}.fields{gap:18px;margin-bottom:22px}.field-wrap,.fields{display:flex;flex-direction:column}.field-wrap{gap:6px;transition:transform .2s}.field-wrap.focused{transform:translateX(3px)}.field-label{color:#90aacc;font-size:10px;letter-spacing:2px;transition:color .2s}.field-wrap.focused .field-label{color:#1a6bff}.label-bracket{color:#4a8fff}.field-inner{align-items:center;background:#f8faff;border:1px solid #c8d8f0;border-radius:6px;display:flex;gap:8px;padding:10px 12px;transition:border-color .2s,box-shadow .2s,background .2s}.field-wrap.focused .field-inner{background:#fff;border-color:#4a8fff;box-shadow:0 0 0 3px #1a6bff1a}.field-prefix{color:#90aacc;flex-shrink:0;font-size:13px;transition:color .2s;-webkit-user-select:none;user-select:none}.field-wrap.focused .field-prefix{color:#1a6bff}.atm-input{background:#0000;border:none;caret-color:#1a6bff;color:#1a3a80;flex:1 1;font-family:Inter,Segoe UI,sans-serif;font-family:var(--mono);font-size:14px;letter-spacing:1px;outline:none}.atm-input::placeholder{color:#b0c4e0;font-size:12px;letter-spacing:1px}.field-underline{background:linear-gradient(90deg,#0000,#b3ccfa,#0000);height:1px;transform:scaleX(0);transform-origin:left;transition:transform .3s}.field-wrap.focused .field-underline{transform:scaleX(1)}.error-bar{align-items:center;animation:fadeSlideIn .3s ease both;background:#e539350f;border:1px solid #e539354d;border-radius:6px;color:#e53935;color:var(--error);display:flex;font-size:11px;gap:8px;letter-spacing:1px;margin-bottom:18px;padding:8px 12px}.error-icon{font-size:14px}.btn-group{flex-direction:column;margin-bottom:20px}.atm-btn,.btn-group{display:flex;gap:10px}.atm-btn{align-items:center;border:1px solid;border-radius:8px;cursor:pointer;font-family:Inter,Segoe UI,sans-serif;font-family:var(--mono);font-size:13px;font-weight:600;justify-content:center;letter-spacing:2px;overflow:hidden;padding:13px 16px;position:relative;transition:all .18s;width:100%}.atm-btn.primary{background:#1a6bff;border-color:#1259e0;color:#fff}.atm-btn.primary:hover:not(:disabled){background:#27f;border-color:#1a6bff;box-shadow:0 4px 16px #1a6bff4d;transform:translateY(-1px)}.atm-btn.primary:active:not(:disabled){transform:translateY(0)}.atm-btn.primary:disabled{cursor:not-allowed;opacity:.5}.atm-btn.secondary{background:#fff;border-color:#c8d8f0;color:#4a7acc}.atm-btn.secondary:hover{background:#f0f6ff;border-color:#4a8fff;color:#1a6bff;transform:translateY(-1px)}.btn-arrow{font-size:11px;transition:transform .2s}.atm-btn.primary:hover .btn-arrow{transform:translateX(3px)}.btn-plus{font-size:16px;line-height:1}.loading-dots{align-items:center;display:flex;gap:5px}.loading-dots span{animation:loadBounce .9s ease-in-out infinite;background:#fff;border-radius:50%;height:7px;width:7px}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}@keyframes loadBounce{0%,to{opacity:.4;transform:scale(.6)}50%{opacity:1;transform:scale(1)}}.card-footer{align-items:center;border-top:1px solid #e8f0ff;color:#90aacc;display:flex;font-size:9px;gap:8px;justify-content:center;letter-spacing:1px;padding-top:16px}.footer-sep{color:#c8d8f0}@media (max-width:480px){.atm-card{padding:24px 20px 20px;width:92vw}.bank-name{font-size:15px}}.atm-pin-page{align-items:center;background:#f0f4ff;display:flex;font-family:Inter,Segoe UI,sans-serif;font-family:var(--mono);justify-content:center;min-height:100vh;overflow:hidden;position:relative}.status-msg{font-size:11px;letter-spacing:2px;margin-bottom:20px;min-height:18px;text-align:center;transition:color .3s}.msg-idle{color:#90aacc}.msg-loading{animation:textPulse .8s ease-in-out infinite}.msg-loading,.msg-success{color:#1a6bff}.msg-error{animation:textFlicker .15s steps(2) 3;color:#e53935;color:var(--error)}@keyframes textPulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes textFlicker{0%,to{opacity:1}50%{opacity:0}}.pin-display{gap:18px;margin-bottom:28px}.pin-display,.pin-dot-lg{display:flex;justify-content:center}.pin-dot-lg{align-items:center;background:#0000;border:2px solid #b0c8e0;border-radius:50%;height:22px;position:relative;transition:border-color .2s;width:22px}.pin-dot-lg.filled,.pin-dot-lg.success{border-color:#1a6bff}.pin-dot-lg.error-dot{animation:dotShake .3s ease;border-color:#e53935;border-color:var(--error)}@keyframes dotShake{0%,to{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}.dot-fill{animation:dotPop .2s cubic-bezier(.34,1.56,.64,1) both;background:#1a6bff;border-radius:50%;box-shadow:0 0 8px #1a6bff80;height:12px;width:12px}@keyframes dotPop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.dot-pulse{animation:pulseDot .6s ease-in-out infinite;background:#1a6bff;border-radius:50%;height:12px;opacity:.5;width:12px}@keyframes pulseDot{0%,to{opacity:.4;transform:scale(.7)}50%{opacity:1;transform:scale(1.1)}}.keypad-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:18px;transition:opacity .3s}.keypad-disabled{opacity:.4;pointer-events:none}.pin-key{align-items:center;background:#fff;border:1px solid #c8d8f0;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:2px;justify-content:center;outline:none;overflow:hidden;padding:14px 8px 10px;position:relative;transition:background .12s,border-color .12s,transform .1s,box-shadow .12s}.pin-key:hover:not(:disabled){background:#f0f6ff;border-color:#4a8fff;box-shadow:0 2px 8px #1a6bff1a}.pin-key.key-pressed,.pin-key:active:not(:disabled){background:#e0eeff;border-color:#1a6bff;transform:scale(.93)}.key-label{color:#1a3a80;font-family:Poppins,Segoe UI,sans-serif;font-family:var(--display);font-size:18px;font-weight:600;letter-spacing:0;line-height:1}.key-hint{color:#90aacc;font-family:Inter,Segoe UI,sans-serif;font-family:var(--mono);font-size:8px;letter-spacing:1px;line-height:1}.key-confirm{border-color:#b3ccfa}.key-confirm .key-label{font-size:16px}.key-confirm.key-ready{animation:readyPulse 1.5s ease-in-out infinite;background:#e8f0ff;border-color:#1a6bff;box-shadow:0 0 12px #1a6bff26}@keyframes readyPulse{0%,to{box-shadow:0 0 12px #1a6bff26}50%{box-shadow:0 0 20px #1a6bff4d}}.key-confirm.key-ready .key-label{color:#1a6bff}.key-back .key-label{font-size:18px}.attempts-warn{animation:fadeIn .3s ease;background:#e539350f;border:1px solid #e5393540;border-radius:6px;color:#e53935;color:var(--error);font-size:10px;letter-spacing:1.5px;margin-bottom:14px;padding:7px 12px;text-align:center}.atm-reg-page{background:#f0f4ff;font-family:Inter,Segoe UI,sans-serif;font-family:var(--mono);justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.atm-reg-page,.progress-row{align-items:center;display:flex}.progress-row{font-size:9px;justify-content:space-between;letter-spacing:1.5px;margin-bottom:6px}.progress-label{color:#90aacc}.progress-pct{color:#1a6bff;font-weight:700}.progress-track{background:#dce8ff;border:1px solid #c8d8f0;border-radius:2px;height:4px;margin-bottom:20px;overflow:hidden}.progress-fill{background:#1a6bff;border-radius:2px;box-shadow:0 0 6px #1a6bff66;height:100%;transition:width .4s cubic-bezier(.34,1.56,.64,1)}.hidden-field{opacity:0;pointer-events:none;transform:translateX(-12px)}.revealed{animation:fieldReveal .35s cubic-bezier(.22,1,.36,1) forwards}@keyframes fieldReveal{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}.field-header-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.field-check{animation:popIn .25s cubic-bezier(.34,1.56,.64,1) both;color:#1a6bff;font-size:11px}@keyframes popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.pin-dots{align-items:center;display:flex;gap:6px}.pin-dot{background:#dce8ff;border:1.5px solid #b0c8e0;border-radius:50%;height:10px;transition:background .2s,border-color .2s,box-shadow .2s;width:10px}.pin-dot.filled{background:#1a6bff;border-color:#1a6bff;box-shadow:0 0 6px #1a6bff66}.success-bar{align-items:center;animation:fadeSlideIn .3s ease both;background:#1a6bff0f;border:1px solid #1a6bff4d;border-radius:6px;color:#1a6bff;display:flex;font-size:11px;gap:8px;letter-spacing:1px;margin-bottom:16px;padding:8px 12px}.btn-arrow-left{font-size:11px;transition:transform .2s}.atm-btn.secondary:hover .btn-arrow-left{transform:translateX(-3px)}:root{--upi-bg:#f0f4ff;--upi-card:#fff;--upi-card2:#f8faff;--upi-accent:#1a6bff;--upi-accent2:#4a8fff;--upi-green:#16a34a;--upi-red:#dc2626;--upi-text:#1a2a50;--upi-muted:#68a;--upi-border:#1a6bff1f;--font:"Inter",sans-serif}.upi-page{background:#f0f4ff;background:var(--upi-bg);color:#1a2a50;color:var(--upi-text);font-family:Inter,sans-serif;font-family:var(--font);margin:0 auto;max-width:420px;min-height:100vh;overflow-x:hidden;padding:0 0 80px;position:relative}.upi-header{justify-content:space-between;padding:20px 20px 12px}.upi-header,.upi-header-left{align-items:center;display:flex}.upi-header-left{gap:12px}.upi-avatar{align-items:center;background:linear-gradient(135deg,#1a6bff,#4a8fff);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:800;height:40px;justify-content:center;width:40px}.upi-greeting{color:#68a;color:var(--upi-muted);font-size:12px}.upi-name{color:#1a2a50;color:var(--upi-text);font-size:16px;font-weight:700}.upi-notif{cursor:pointer;font-size:20px}.upi-balance-card{background:linear-gradient(135deg,#1a6bff,#1259e0 50%,#0e3faa);border:1px solid #fff3;border-radius:20px;box-shadow:0 12px 40px #1a6bff40;margin:0 16px 20px;overflow:hidden;padding:24px 24px 20px;position:relative}.upi-balance-glow{background:radial-gradient(circle,#ffffff26 0,#0000 70%);height:200px;pointer-events:none;position:absolute;right:-60px;top:-60px;width:200px}.upi-balance-label{color:#ffffffb3;font-size:12px;letter-spacing:1px;margin-bottom:6px;text-transform:uppercase}.upi-balance-amt{color:#fff;font-size:36px;font-weight:800;letter-spacing:-1px;margin-bottom:8px}.upi-balance-acct{color:#fff9;font-size:13px;letter-spacing:2px}.upi-actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:24px;padding:0 16px}.upi-action-btn{align-items:center;background:#fff;background:var(--upi-card);border:1px solid #1a6bff1f;border:1px solid var(--upi-border);border-radius:16px;box-shadow:0 2px 8px #1a6bff0f;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:14px 8px;transition:all .18s}.upi-action-btn:hover{background:#f0f6ff;border-color:#1a6bff4d;transform:translateY(-2px)}.upi-action-icon{font-size:22px}.upi-action-label{color:#68a;color:var(--upi-muted);font-size:11px;font-weight:500}.upi-section-title{color:#68a;color:var(--upi-muted);font-size:14px;font-weight:700;letter-spacing:.5px;margin-bottom:12px;padding:0 16px}.upi-quick-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding:0 16px}.upi-quick-chip{background:#fff;background:var(--upi-card);border:1px solid #1a6bff1f;border:1px solid var(--upi-border);border-radius:100px;box-shadow:0 1px 4px #1a6bff0f;color:#1a2a50;color:var(--upi-text);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;padding:8px 16px;transition:all .15s}.upi-quick-chip:hover{background:#1a6bff;border-color:#1a6bff;color:#fff;transform:scale(1.04)}.upi-history{display:flex;flex-direction:column;gap:8px;padding:0 16px}.upi-history-row{align-items:center;background:#fff;background:var(--upi-card);border:1px solid #1a6bff1f;border:1px solid var(--upi-border);border-radius:14px;box-shadow:0 1px 4px #1a6bff0d;display:flex;gap:12px;padding:12px 14px}.upi-history-icon{font-size:22px}.upi-history-info{flex:1 1}.upi-history-title{color:#1a2a50;color:var(--upi-text);font-size:14px;font-weight:600}.upi-history-time{color:#68a;color:var(--upi-muted);font-size:11px;margin-top:2px}.upi-history-amt{color:#dc2626;color:var(--upi-red);font-size:15px;font-weight:700}.upi-form{animation:slideUp .3s ease both;display:flex;flex-direction:column;padding:0 16px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.upi-form-title{color:#1a2a50;color:var(--upi-text);font-size:20px;font-weight:800;margin-bottom:24px}.upi-amount-display{align-items:center;background:#fff;background:var(--upi-card);border:2px solid #1a6bff66;border-radius:16px;display:flex;gap:8px;margin-bottom:12px;padding:16px 20px}.upi-rupee{color:#68a;color:var(--upi-muted);font-size:28px;font-weight:700}.upi-amount-input{background:#0000;border:none;caret-color:#1a6bff;color:#1a2a50;color:var(--upi-text);flex:1 1;font-family:Inter,sans-serif;font-family:var(--font);font-size:32px;font-weight:800;outline:none;width:100%}.upi-amount-input::placeholder{color:#1a2a5033}.upi-amount-input::-webkit-inner-spin-button,.upi-amount-input::-webkit-outer-spin-button{-webkit-appearance:none}.upi-error{color:#dc2626;color:var(--upi-red);font-size:12px;font-weight:600;margin-bottom:8px}.upi-confirm-card{background:#fff;background:var(--upi-card);border:1px solid #1a6bff1f;border:1px solid var(--upi-border);border-radius:20px;box-shadow:0 2px 12px #1a6bff0f;margin-bottom:20px;padding:20px}.upi-confirm-label{color:#68a;color:var(--upi-muted);font-size:12px;margin-bottom:4px}.upi-confirm-amt{color:#1a2a50;color:var(--upi-text);font-size:36px;font-weight:800;margin-bottom:16px}.upi-confirm-row{align-items:center;border-top:1px solid #1a6bff1f;border-top:1px solid var(--upi-border);display:flex;font-size:13px;justify-content:space-between;padding:8px 0}.upi-confirm-row span:first-child{color:#68a;color:var(--upi-muted)}.upi-confirm-row span:last-child{color:#1a2a50;color:var(--upi-text);font-weight:600}.upi-primary-btn{align-items:center;background:linear-gradient(135deg,#1a6bff,#4a8fff);border:none;border-radius:14px;box-shadow:0 4px 16px #1a6bff40;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-family:var(--font);font-size:15px;font-weight:700;gap:8px;justify-content:center;margin-bottom:10px;padding:16px;transition:all .18s;width:100%}.upi-primary-btn:hover:not(:disabled){box-shadow:0 8px 24px #1a6bff59;transform:translateY(-2px)}.upi-primary-btn:disabled{cursor:not-allowed;opacity:.7}.upi-primary-btn.loading{background:#f0f4ff;border:1px solid #c8d8f0;box-shadow:none;color:#4a7acc}.upi-ghost-btn{background:#0000;border:1px solid #c8d8f0;border-radius:14px;color:#68a;color:var(--upi-muted);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font);font-size:14px;font-weight:600;padding:14px;transition:all .15s;width:100%}.upi-ghost-btn:hover{background:#f0f6ff;border-color:#4a8fff;color:#1a6bff}.upi-spinner{animation:spin .7s linear infinite;border:2px solid #1a6bff33;border-radius:50%;border-top-color:#1a6bff;display:inline-block;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.upi-success{align-items:center;animation:fadeIn .4s ease both;display:flex;flex-direction:column;padding:32px 16px;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.upi-success-ring{align-items:center;animation:ringPop .5s cubic-bezier(.175,.885,.32,1.275) both;background:#16a34a1a;border:2px solid #16a34a;border:2px solid var(--upi-green);border-radius:50%;display:flex;height:88px;justify-content:center;margin-bottom:20px;width:88px}@keyframes ringPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.upi-success-check{color:#16a34a;color:var(--upi-green);font-size:40px}.upi-success-title{color:#1a2a50;color:var(--upi-text);font-size:22px;font-weight:800;margin-bottom:8px}.upi-success-amt{color:#16a34a;color:var(--upi-green);font-size:40px;font-weight:800;margin-bottom:8px}.upi-success-sub{color:#68a;color:var(--upi-muted);font-size:14px;margin-bottom:4px}.upi-success-balance{color:#90aacc;font-size:13px}.upi-bottom-nav{background:#fff;border-top:1px solid #1a6bff1f;border-top:1px solid var(--upi-border);bottom:0;box-shadow:0 -4px 20px #1a6bff14;display:flex;left:50%;max-width:420px;padding:8px 0 16px;position:fixed;transform:translateX(-50%);width:100%}.upi-nav-item{align-items:center;color:#68a;color:var(--upi-muted);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:10px;font-weight:500;gap:4px;padding:6px 0;transition:color .15s}.upi-nav-item span:first-child{font-size:20px}.upi-nav-item.active{color:#1a6bff}@media (min-width:421px){.upi-page{border-left:1px solid #1a6bff1f;border-left:1px solid var(--upi-border);border-right:1px solid #1a6bff1f;border-right:1px solid var(--upi-border)}}.scanlines{background:repeating-linear-gradient(0deg,#0000,#0000 3px,rgba(26,107,255,.012) 0,rgba(26,107,255,.012) 4px);inset:0;pointer-events:none;position:fixed;z-index:100}
/*# sourceMappingURL=main.77aa65e0.css.map*/