.idle-warning-overlay{position:absolute;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#00000080;animation:idle-overlay-fade .3s cubic-bezier(.16,1,.3,1) both}.idle-warning{display:flex;width:min(42rem,calc(100% - 8rem));flex-direction:column;align-items:center;gap:2rem;padding:4rem 4.5rem;border:.0625rem solid var(--color-neutral-200);border-radius:1.5rem;background:var(--color-white);box-shadow:0 1.5rem 4rem #00000038;animation:idle-modal-pop .3s cubic-bezier(.34,1.56,.64,1) both}.idle-warning-title,.idle-warning-subtitle,.idle-warning-countdown{margin:0;text-align:center}.idle-warning-title{font-family:var(--font-title);font-size:var(--text-48);font-weight:700;line-height:1.1;color:var(--color-neutral-900)}.idle-warning-subtitle{font-family:var(--font-body);font-size:var(--text-28);font-weight:400;line-height:1.25;color:var(--color-neutral-500)}.idle-warning-countdown{font-family:var(--font-title);font-size:var(--text-100);font-variant-numeric:tabular-nums;font-weight:700;line-height:.95;color:var(--color-red-600)}.idle-warning-btn{min-width:20rem;min-height:5.5rem;padding:0 3.5rem;border:0;border-radius:999rem;background:var(--color-brand-orange);color:var(--color-brand-primary-text);cursor:pointer;font-family:var(--font-title);font-size:var(--text-28);font-weight:700;outline:none;touch-action:manipulation;transition:background .15s ease,transform .1s ease}.idle-warning-btn:hover{background:var(--color-brand-orange-hover)}.idle-warning-btn:active{background:var(--color-brand-orange-active);transform:scale(.97)}.idle-warning-btn:focus-visible{box-shadow:0 0 0 .25rem var(--color-focus-ring)}.idle-warning-closing{animation:idle-overlay-fade-out .25s cubic-bezier(.55,0,1,.45) both}.idle-warning-closing .idle-warning{animation:idle-modal-pop-out .25s cubic-bezier(.55,0,1,.45) both}@keyframes idle-overlay-fade{0%{opacity:0}to{opacity:1}}@keyframes idle-modal-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes idle-overlay-fade-out{0%{opacity:1}to{opacity:0}}@keyframes idle-modal-pop-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92)}}@media(prefers-reduced-motion:reduce){.idle-warning-overlay,.idle-warning,.idle-warning-closing,.idle-warning-closing .idle-warning{animation:none}}.kiosk-maintenance-screen{width:100%;height:100%;position:relative;background:#ffd33d;color:var(--color-black);overflow:hidden}.kiosk-maintenance-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.86}.kiosk-maintenance-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffcc0057,#ffcc0014 38%,#ffcc0080),radial-gradient(circle at 50% 50%,#ffffff94,#ffffff38,#ffcc0024 72%);pointer-events:none}.kiosk-maintenance-shell{position:relative;z-index:1;width:100%;height:100%;padding:5rem 4rem;display:flex;flex-direction:column}.kiosk-maintenance-header,.kiosk-maintenance-footer{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.kiosk-maintenance-logo{width:13.75rem;height:auto;display:block}.kiosk-maintenance-status{min-height:4.25rem;padding:0 1.5rem;border:.1875rem solid rgba(0,0,0,.16);border-radius:62.4375rem;background:#ffffff94;display:inline-flex;align-items:center;gap:.75rem;font-family:var(--font-body);font-weight:700;font-size:var(--text-28);line-height:1}.kiosk-maintenance-content{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;text-align:center}.kiosk-maintenance-illustration{width:min(30.7vh,20.19rem);max-width:43.6vw;height:auto;display:block;object-fit:contain;filter:drop-shadow(0 2rem 2.5rem rgba(0,0,0,.1))}.kiosk-maintenance-copy{width:min(100%,52rem);display:flex;flex-direction:column;align-items:center;gap:1.75rem}.kiosk-maintenance-copy h1{margin:0;font-family:var(--font-title);font-weight:700;font-size:var(--text-70);line-height:5.25rem;letter-spacing:0}.kiosk-maintenance-copy p{margin:0;font-family:var(--font-body);font-weight:500;font-size:var(--text-40);line-height:3.75rem;letter-spacing:0;color:#000000bd}.kiosk-maintenance-footer{min-height:4rem;justify-content:center;font-family:var(--font-body);font-weight:700;font-size:var(--text-28);color:#0000008f}.home-overlay{position:absolute;inset:0;z-index:100;transition:transform .55s cubic-bezier(.55,0,1,.45)}.home-overlay.slide-up{transform:translateY(-100%);pointer-events:none}.home-screen{width:100%;height:100%;position:relative;background:var(--color-white);overflow:hidden;cursor:pointer}.ambient-glow{position:absolute;width:122rem;height:122rem;left:50%;top:-6.25rem;transform:translate(-50%);border-radius:50%;background:var(--color-brand-orange);opacity:.2;filter:blur(15.625rem);pointer-events:none}.hero-section{position:absolute;top:0;left:0;width:100%;height:78%;overflow:hidden;border:.0564rem solid var(--color-neutral-100)}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center 30%;transition:opacity 1.2s cubic-bezier(.4,0,.2,1)}.hero-gradient-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(255,255,255,0) 44.6%,var(--color-hero-gradient-50) 69.7%,var(--color-hero-gradient-75) 82.2%,var(--color-hero-gradient-87) 88.4%,var(--color-brand-orange) 94.7%);pointer-events:none}.glow-white{position:absolute;width:54.0625rem;height:54.0625rem;left:-14.8125rem;top:-26.375rem;border-radius:50%;background:var(--color-white);filter:blur(15.625rem);pointer-events:none}.glow-orange{position:absolute;width:54.0625rem;height:54.0625rem;left:-14.8125rem;bottom:-8rem;border-radius:50%;background:var(--color-brand-orange);filter:blur(15.625rem);pointer-events:none}.top-nav{position:absolute;top:2.5rem;left:4rem;right:4rem;display:flex;justify-content:space-between;align-items:center;z-index:10}.logo-container{width:var(--brand-logo-width);flex-shrink:0}.logo-container img{display:block;width:100%;height:auto}.date-time{font-family:var(--font-body);font-weight:400;font-size:var(--text-32);line-height:2.625rem;color:var(--color-hero-text)}.welcome-content{position:absolute;left:4rem;bottom:4rem;width:38rem;display:flex;flex-direction:column;align-items:flex-start;gap:2rem;z-index:10}.welcome-title-group{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;width:100%}.welcome-heading{font-family:var(--font-title);font-weight:600;font-size:var(--text-60);line-height:4.75rem;letter-spacing:-.03rem;color:var(--color-hero-text);margin:0}.branch-badge{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2rem;background:color-mix(in srgb,var(--color-hero-text) 10%,transparent);border:.0625rem solid color-mix(in srgb,var(--color-hero-text) 30%,transparent);border-radius:999px;backdrop-filter:blur(.625rem);-webkit-backdrop-filter:blur(.625rem)}.branch-text{font-family:var(--font-body);font-weight:400;font-size:var(--text-32);line-height:3.25rem;letter-spacing:-.02rem;color:var(--color-hero-text)}.welcome-description{font-family:var(--font-body);font-weight:400;font-size:var(--text-32);line-height:3.25rem;letter-spacing:-.02rem;color:var(--color-hero-text);margin:0;width:34rem}.footer-area{position:absolute;top:78%;left:0;width:100%;bottom:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.watermark-container{position:absolute;top:-5.5rem;left:50%;transform:translate(-50%);width:64rem;opacity:.035;pointer-events:none}.watermark-container img{display:block;width:100%;height:auto}.home-start-cue{position:absolute;top:2.5rem;display:flex;flex-direction:column;gap:0;animation:home-cue-rise 1.6s cubic-bezier(.16,1,.3,1) infinite}.cta-text{font-family:var(--font-title);font-weight:450;font-size:var(--text-60);line-height:4.5rem;color:var(--color-maroon);text-align:center;z-index:10;margin:0}.hero-shimmer{position:absolute;inset:0;pointer-events:none;z-index:5;overflow:hidden}.hero-shimmer:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.18) 48%,rgba(255,255,255,.22) 52%,transparent 70%);animation:shimmer-sweep 10s cubic-bezier(.4,0,.2,1) infinite}@keyframes shimmer-sweep{0%,to{transform:translate(-100%)}50%{transform:translate(400%)}}@keyframes home-cue-rise{0%,to{transform:translateY(0);opacity:.65}50%{transform:translateY(-.5rem);opacity:1}}@media(prefers-reduced-motion:reduce){.home-overlay,.hero-shimmer:after,.home-start-cue{animation:none;transition:none}}.kiosk-root,.app-container,.page-enter{width:100%;height:100%}.kiosk-root{display:flex;align-items:center;justify-content:center;background:var(--color-black);overflow:hidden}.kiosk-scale-frame{flex:0 0 auto;position:relative;overflow:hidden}.kiosk-viewport{width:1080px;height:1920px;background:var(--color-white);overflow:hidden;position:relative;transform-origin:top left}.app-container{position:relative;overflow:hidden}.page-enter{position:relative}@font-face{font-family:Universal Sans Display Trial;src:url(/fonts/Universal-Sans-Display-380-Trial.ttf) format("truetype");font-weight:380;font-display:swap}@font-face{font-family:Universal Sans Display Trial;src:url(/fonts/Universal-Sans-Display-400-Trial.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Universal Sans Display Trial;src:url(/fonts/Universal-Sans-Display-450-Trial.ttf) format("truetype");font-weight:450;font-display:swap}@font-face{font-family:Universal Sans Display Trial;src:url(/fonts/Universal-Sans-Display-600-Trial.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:MTN Brighter Sans;src:url(/fonts/mtn-brighter-sans-light.otf) format("opentype");font-weight:300;font-display:swap}@font-face{font-family:MTN Brighter Sans;src:url(/fonts/mtn-brighter-sans-regular.otf) format("opentype");font-weight:400;font-display:swap}@font-face{font-family:MTN Brighter Sans;src:url(/fonts/mtn-brighter-sans-medium.otf) format("opentype");font-weight:500;font-display:swap}@font-face{font-family:MTN Brighter Sans;src:url(/fonts/mtn-brighter-sans-bold.otf) format("opentype");font-weight:700;font-display:swap}:root{--color-brand-orange: #FFCC00;--color-brand-orange-hover: #E5B800;--color-brand-orange-active: #CCA300;--color-brand-primary: #FFCC00;--color-brand-primary-hover: #E5B800;--color-brand-primary-active: #CCA300;--color-brand-primary-text: #000000;--color-brand-blue: #000000;--color-accent-orange: #FFCC00;--color-focus-ring: rgba(255, 204, 0, .5);--color-maroon: #1A1A1A;--color-hero-text: #000000;--color-hero-gradient-50: rgba(255, 204, 0, .5);--color-hero-gradient-75: rgba(255, 204, 0, .75);--color-hero-gradient-87: rgba(255, 204, 0, .875);--color-neutral-900: #1c1c1e;--color-neutral-800: #191400;--color-neutral-700: #3a3a3c;--color-neutral-600: #48484a;--color-neutral-500: #636366;--color-neutral-400: #8e8e93;--color-neutral-300: #c7c7cc;--color-neutral-200: #efefef;--color-neutral-150: #f5f5f5;--color-neutral-100: #E5E5EA;--color-neutral-50: #f9f9f9;--color-white: #FFFFFF;--color-black: #000000;--color-service-deposit: #FFCC00;--color-service-withdraw: #1A1A1A;--color-service-payments: #FFF4CC;--color-service-loans: #333333;--color-service-cards: #4A4A00;--color-service-cheques: #FFE066;--color-service-cheques-text: #4A3800;--color-service-account: #FFD633;--color-service-account-text: #3D3200;--color-service-enquiries: #FFD633;--color-service-enquiries-text: #3D3200;--color-green-600: #299e46;--color-green-50: #F0FDF4;--color-green-200: #BBF7D0;--color-red-600: #d70015;--color-red-800: #991B1B;--color-red-50: #FEF2F2;--color-red-200: #FECACA;--font-title: "MTN Brighter Sans", "Inter", sans-serif;--font-body: "MTN Brighter Sans", "Inter", sans-serif;--brand-logo-width: 12.5rem;--text-28: 1.75rem;--text-32: 2rem;--text-40: 2.5rem;--text-48: 3rem;--text-60: 3.75rem;--text-70: 4.375rem;--text-100: 7.5rem}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-body);background:var(--color-black);color:var(--color-neutral-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;letter-spacing:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:none;box-shadow:0 0 0 .1875rem var(--color-focus-ring)}.login-card,.review-panel,.guard-panel,.form-panel{position:relative;z-index:1;display:flex;flex-direction:column;gap:1.5rem;height:100%;overflow:auto;padding:2rem}.panel-heading p{font-family:var(--font-body);font-weight:500;font-size:var(--text-28);line-height:2.25rem;color:var(--color-neutral-500)}.panel-heading h2,.review-panel h2,.guard-panel h2,.form-panel h2{font-family:var(--font-title);font-weight:450;font-size:var(--text-60);line-height:4.5rem;color:var(--color-neutral-900)}.service-copy,.guard-panel p,.form-panel p{font-family:var(--font-body);font-weight:400;font-size:var(--text-32);line-height:3.25rem;color:var(--color-neutral-500)}.choice-row{display:flex;gap:1rem;flex-wrap:wrap}.primary-action,.bottom-action{min-height:5.5rem;padding:0 2rem;border:none;border-radius:62.4375rem;background:var(--color-brand-orange);color:var(--color-brand-primary-text);font-family:var(--font-title);font-weight:450;font-size:var(--text-32);transition:background .2s,color .2s,transform .1s}.primary-action--light{background:var(--color-neutral-200);color:var(--color-neutral-900)}.primary-action:disabled,.bottom-action:disabled{color:var(--color-neutral-500);background:var(--color-neutral-200);cursor:default}.primary-action:not(:disabled):active,.bottom-action:not(:disabled):active{transform:scale(.97)}.review-panel dl{display:grid;gap:.75rem}.review-panel dl div{display:flex;justify-content:space-between;gap:1.5rem;padding-bottom:.75rem;border-bottom:.0625rem solid var(--color-neutral-100)}.review-panel dt{font-family:var(--font-body);font-size:var(--text-28);color:var(--color-neutral-500)}.review-panel dd{margin:0;font-family:var(--font-title);font-size:var(--text-28);color:var(--color-neutral-900);text-align:right}.review-check{display:flex;align-items:center;gap:.75rem;font-family:var(--font-body);font-size:var(--text-28);color:var(--color-neutral-900)}.review-check input{width:2rem;height:2rem;accent-color:var(--color-brand-orange)}.step-progress{display:flex;align-items:center;gap:.25rem;width:10rem;position:relative;z-index:1;margin:2.4375rem 2.4375rem 0}.step-segment-wrapper{position:relative;flex:1;display:flex;align-items:center}.step-segment{width:100%;height:.5rem;border-radius:1rem;background:var(--color-neutral-500);opacity:.25}.step-segment--filled{background:var(--color-brand-orange);opacity:1}.text-field,.text-area{width:100%;border:.125rem solid var(--color-neutral-100);border-radius:1rem;background:var(--color-white);padding:1.25rem 1.5rem;font-family:var(--font-body);font-size:var(--text-28);color:var(--color-neutral-900)}.text-area{min-height:16rem;resize:none}.form-error{font-family:var(--font-body);font-weight:500;font-size:1.25rem;color:var(--color-red-600)}