.login-page{--login-ink:#102033;--login-text:#102033;--login-muted:#526377;--login-accent:#1d4ed8;--login-accent-dark:#1e40af;--login-accent-soft:#e8f1ff;--login-cyan:#0891b2;--login-border:#cfddec;--login-surface:#ffffff;--login-surface-soft:#f7fbff;--login-shadow:0 24px 60px rgba(16,32,51,0.1);--login-shadow-soft:0 12px 30px rgba(16,32,51,0.06);position:relative;height:auto;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;color:var(--login-text);font-family:var(--font-body);background:linear-gradient(180deg,#eef4fb,#f7fbff 88%)}.login-page *{box-sizing:border-box}.login-page button{font-family:inherit}.login-wrapper{position:relative;flex:1 0 auto;min-height:0;width:100%;padding:2.2rem 4% .75rem;display:flex;align-items:flex-start;overflow:visible}.login-grid-overlay{inset:0;opacity:.55;background-image:radial-gradient(#c6d7ea 1px,transparent 0);background-size:28px 28px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}.login-bg-orb,.login-grid-overlay{position:absolute;pointer-events:none;z-index:0}.login-bg-orb{border-radius:50%;filter:blur(1px)}.login-bg-orb-one{left:-120px;top:-90px;width:320px;height:320px;background:#38bdf82e}.login-bg-orb-two{right:-150px;bottom:-120px;width:400px;height:400px;background:#6366f126}.login-bg-orb-three{top:30%;right:30%;width:84px;height:84px;background:rgba(16,185,129,.2)}.login-bg-orb-four{left:38%;top:12%;width:46px;height:46px;background:rgba(249,115,22,.22)}.login-bg-dot{position:absolute;z-index:0;border-radius:50%;pointer-events:none}.login-bg-dot-one{top:18%;left:12%;width:16px;height:16px;background:#6366f1}.login-bg-dot-two{bottom:26%;left:6%;width:12px;height:12px;background:#f97316}.login-bg-dot-three{top:40%;right:12%;width:20px;height:20px;background:#10b981}.login-shell{position:relative;z-index:2;width:90%;max-height:none;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;grid-gap:2rem;gap:2rem}.login-aside{position:relative;order:1;display:flex;flex-direction:column;height:clamp(560px,72vh,760px)}.login-portrait{position:relative;flex:1 1;height:100%;min-height:0;overflow:hidden;background:transparent}.login-portrait:after,.login-portrait:before{content:none}.login-portrait img{position:absolute;z-index:2;object-fit:cover;object-position:center top;box-shadow:none}.login-portrait-copy{position:absolute;z-index:5;left:2.2rem;right:2.2rem;bottom:2rem;display:flex;flex-direction:column;color:#0b223d}.login-portrait-copy>span{width:-moz-fit-content;width:fit-content;display:inline-flex;align-items:center;padding:.45rem .8rem;border:1px solid rgba(11,34,61,.26);background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#0b223d;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.login-portrait-copy h1{max-width:12ch;margin:.9rem 0 .55rem;font-family:var(--font-heading);font-size:clamp(1.47rem,2.87vw,3.01rem);font-weight:850;line-height:.9;letter-spacing:-.065em;color:#0b223d}.login-portrait-title-accent,.login-portrait-title-main,.login-portrait-title-neutral{display:inline}.login-portrait-title-main{color:var(--login-cyan)}.login-portrait-title-accent,.login-portrait-title-neutral{color:#000000}.login-portrait-copy p{max-width:44ch;margin:0;color:rgba(11,34,61,.9);font-size:.92rem;line-height:1.55}.login-portrait-copy-recovery .login-portrait-recovery-title{max-width:11ch;display:flex;flex-direction:column;gap:.08rem;font-family:var(--font-heading);font-size:clamp(2.18rem,5.3vw,4.7rem);font-weight:900;line-height:.9;letter-spacing:-.062em;text-shadow:none}.login-portrait-copy-recovery .login-portrait-recovery-kicker{padding:.55rem .95rem;border:2px solid rgba(20,50,84,.3);background:rgba(243,247,253,.82);color:#1a2f4a;font-size:.72rem;font-weight:850;letter-spacing:.13em}.login-portrait-copy-recovery .login-portrait-recovery-line{color:#3293bb}.login-portrait-copy-recovery .login-portrait-recovery-line-strong{color:#050f1f}.login-portrait-copy-recovery .login-portrait-recovery-note{max-width:32ch;margin-top:.36rem;font-family:Segoe UI,Trebuchet MS,sans-serif;font-size:.98rem;font-weight:560;letter-spacing:.006em;line-height:1.52;color:rgba(13,43,73,.94)}.login-float-card{position:absolute;z-index:5;display:flex;align-items:flex-start;gap:.75rem;width:min(240px,72%);min-height:72px;padding:.8rem .9rem;border:1px solid rgba(207,221,236,.85);background:rgba(255,255,255,.94);box-shadow:0 14px 32px rgba(16,32,51,.2),inset 0 0 0 1px rgba(255,255,255,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login-float-card div{min-width:0;display:flex;flex-direction:column;gap:.2rem}.login-float-card strong{color:#102033;font-size:.9rem;font-weight:800;line-height:1.2}.login-float-card span{color:#6b7891;font-size:.76rem;font-weight:650;line-height:1.35}.login-float-one{top:.7rem;right:-2.6rem}.login-float-one>svg{width:1.7rem;height:1.7rem;padding:.24rem;border:1px solid rgba(22,163,74,.35);background:linear-gradient(135deg,#16a34a,#22c55e);color:#ffffff;font-size:1.2rem;flex:0 0 auto}.login-float-two{top:2.4rem;left:.6rem;width:min(220px,66%)}.login-live-dot{width:.72rem;height:.72rem;margin-top:.24rem;flex:0 0 auto;border-radius:50%;background:#f23878;box-shadow:0 0 0 5px rgba(242,56,120,.18)}.login-form-shell{order:2;display:flex;flex-direction:column;justify-content:flex-start;padding:.9rem 2rem 1.75rem;border:1px solid transparent;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow-y:auto}.login-form-header{margin-bottom:.2rem}.login-form-heading{display:flex;align-items:flex-start;gap:.9rem}.login-security-mark{width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;color:#ffffff;background:linear-gradient(135deg,var(--login-accent),var(--login-cyan));box-shadow:0 14px 30px rgba(29,78,216,.24)}.login-mode-chip{margin-bottom:.65rem!important;padding:.35rem .2rem!important;height:auto!important;color:var(--login-accent-dark)!important;background:var(--login-accent-soft)!important;border:1px solid #bfd4e7!important;font-size:.7rem!important;font-weight:800!important;letter-spacing:.06em!important;text-transform:uppercase!important}.login-title-text{margin:0;font-family:var(--font-heading);font-size:clamp(1.7rem,2.6vw,2.35rem);line-height:1.04;letter-spacing:-.045em;color:var(--login-ink)}.login-title-text-main{max-width:9ch;display:flex;flex-direction:column;font-size:clamp(3rem,5.4vw,5.6rem);line-height:.97;letter-spacing:-.07em}.login-title-accent,.login-title-line{display:block}.login-title-accent{color:var(--login-cyan)}.login-title-text-verify{display:flex;flex-direction:column;gap:.06rem;font-size:clamp(2.1rem,3.2vw,3rem);line-height:.95;letter-spacing:-.05em}.login-title-verify-accent,.login-title-verify-line{display:block;font-family:var(--font-heading)}.login-title-verify-line{color:#243854}.login-title-verify-accent{color:var(--login-cyan)}.login-subtitle-text{margin:.3rem 0 0;color:var(--login-muted);font-size:.95rem;line-height:1.6;font-weight:500}.login-inline-notes{margin-top:.65rem;display:flex;flex-wrap:wrap;gap:.45rem}.login-inline-note-item{min-height:28px;padding:0 .6rem;display:inline-flex;align-items:center;gap:.35rem;border:1px solid #bfd4e7;background:#eff6ff;color:var(--login-accent);font-size:.7rem;font-weight:800}.login-inline-note-item svg{font-size:.85rem}.form-modern{width:100%;display:flex;flex-direction:column;gap:.85rem;margin-top:.75rem}.form-modern .login-auth-field{width:70%!important;max-width:70%;margin-left:calc(44px + .9rem)}.login-form-shell .MuiOutlinedInput-root{min-height:56px;background:#ffffff!important;color:var(--login-ink)!important;transition:box-shadow .18s ease,border-color .18s ease}.login-form-shell .MuiOutlinedInput-root fieldset{border-color:var(--login-border)!important}.login-form-shell .MuiOutlinedInput-root:hover fieldset{border-color:#93c5fd!important}.login-form-shell .MuiOutlinedInput-root.Mui-focused{box-shadow:0 0 0 4px rgba(29,78,216,.1)}.login-form-shell .MuiOutlinedInput-root.Mui-focused fieldset{border-color:var(--login-accent)!important}.login-form-shell .MuiOutlinedInput-root.Mui-error fieldset{border-color:#dc2626!important}.login-form-shell .MuiInputLabel-root{color:#64748b!important;font-size:1rem!important;font-weight:600!important}.login-form-shell .MuiInputLabel-root.Mui-focused{color:var(--login-accent)!important}.login-form-shell .MuiOutlinedInput-input{color:var(--login-ink)!important;font-size:1rem!important;font-weight:600!important}.login-form-shell .MuiFormHelperText-root{margin-left:2px!important;font-size:.8rem!important;font-weight:600!important}.input-start-icon{color:#64748b;font-size:1.12rem!important}.icon-btn-light{color:#64748b!important}.icon-btn-light:hover{color:var(--login-accent)!important;background:rgba(29,78,216,.08)!important}.login-form-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.login-helper-text{color:#64748b;font-size:.82rem;font-weight:700}.text-link-button{padding:.35rem 0;border:0;background:transparent;color:var(--login-ink);border-bottom:2px solid #bfd4e7;cursor:pointer;font-size:.82rem;font-weight:800;transition:color .16s ease,border-color .16s ease}.text-link-button:hover{color:var(--login-accent-dark);border-bottom-color:var(--login-accent-dark)}.login-form-actions{margin-top:.4rem;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-gap:.9rem;gap:.9rem}.btn-modern,.btn-secondary-modern{min-height:52px!important;padding:0 1.2rem!important;font-size:.9rem!important;font-weight:800!important;text-transform:none!important;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease!important}.btn-modern{color:#ffffff!important;background:linear-gradient(135deg,var(--login-accent),var(--login-cyan))!important;border:0!important;box-shadow:0 14px 30px rgba(16,32,51,.2)!important}.btn-modern:hover{transform:translateY(-2px);background:linear-gradient(135deg,var(--login-accent-dark),#0e7490)!important}.btn-modern.Mui-disabled{color:#ffffff!important;opacity:.72}.btn-secondary-modern{color:var(--login-ink)!important;background:#ffffff!important;border:1px solid var(--login-border)!important;box-shadow:var(--login-shadow-soft)!important}.btn-secondary-modern:hover{transform:translateY(-2px);border-color:#93c5fd!important;background:var(--login-surface-soft)!important}.button-loader{color:#ffffff!important}.login-recovery-banner{padding:.85rem 1rem;display:inline-flex;align-items:center;gap:.55rem;border:1px solid var(--login-border);background:var(--login-surface-soft);color:#1e3a5f;font-size:.84rem;font-weight:700}.login-recovery-banner svg{color:var(--login-accent);flex:0 0 auto}.login-recovery-track{margin:.95rem 0 .25rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.6rem;gap:.6rem}.login-recovery-step{min-height:82px;padding:.62rem .68rem;display:flex;align-items:flex-start;gap:.56rem;border:1px solid #cfe0f2;background:#f7fbff}.login-recovery-step-index{width:1.45rem;height:1.45rem;flex:0 0 auto;display:grid;place-items:center;border:1px solid #bfd4e7;color:#1f3f63;background:#ffffff;font-size:.72rem;font-weight:800}.login-recovery-step-copy{min-width:0;display:flex;flex-direction:column;gap:.12rem}.login-recovery-step-copy strong{color:#0f2740;font-size:.78rem;font-weight:820;line-height:1.25}.login-recovery-step-copy span{color:#5a6f86;font-size:.69rem;font-weight:680;line-height:1.35}.login-recovery-step-complete{border-color:#86efac;background:#f0fdf4}.login-recovery-step-complete .login-recovery-step-index{border-color:#22c55e;color:#ffffff;background:linear-gradient(135deg,#16a34a,#22c55e)}.login-recovery-step-active{border-color:#60a5fa;background:#eff6ff;box-shadow:inset 0 0 0 1px #bfdbfe}.login-recovery-step-active .login-recovery-step-index{border-color:#1d4ed8;color:#ffffff;background:linear-gradient(135deg,#1d4ed8,#0891b2)}.form-modern-recovery{margin-top:.5rem;gap:.95rem}.login-recovery-help{margin:-.28rem 0 0;color:#526377;font-size:.78rem;font-weight:650;line-height:1.45}.login-recovery-mail-pill{min-height:40px;padding:.42rem .68rem;display:inline-flex;align-items:center;border:1px dashed #99b7d8;background:#f8fbff;color:#1f3f63;font-size:.78rem;font-weight:760}.login-recovery-actions{margin-top:.1rem;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-gap:.75rem;gap:.75rem}.login-recovery-actions .btn-modern{width:100%}.login-recovery-actions .back-login-button{width:100%;justify-content:center}.back-login-button{align-self:flex-start;min-height:44px;padding:0 1rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--login-border);background:var(--login-surface-soft);color:#1e3a5f;cursor:pointer;font-size:.82rem;font-weight:800;transition:transform .16s ease,border-color .16s ease,background .16s ease}.back-login-button:hover{transform:translateY(-1px);border-color:#93c5fd;background:#eff6ff}.login-footer-note{margin-top:1rem;padding:.7rem .9rem;display:flex;align-items:center;gap:.55rem;border:1px solid var(--login-border);background:var(--login-surface-soft);color:#475569;font-size:.76rem;font-weight:700}.login-footer-note svg{color:var(--login-cyan);flex:0 0 auto}.login-right-balance-panel{display:none}.login-right-balance-head span{display:inline-flex;color:var(--login-ink);font-size:.84rem;font-weight:850}.login-right-balance-head p{margin:.2rem 0 0;color:var(--login-muted);font-size:.76rem;font-weight:600}.login-right-balance-list{margin-top:.85rem;display:grid;grid-gap:.6rem;gap:.6rem}.login-right-balance-item{display:flex;align-items:flex-start;gap:.58rem;padding:.65rem .75rem;border:1px solid var(--login-border);background:var(--login-surface-soft)}.login-right-balance-item svg{margin-top:.05rem;color:var(--login-accent);flex:0 0 auto}.login-right-balance-item strong{display:block;color:var(--login-ink);font-size:.8rem;font-weight:820}.login-right-balance-item p{margin:.14rem 0 0;color:#64748b;font-size:.74rem;font-weight:600;line-height:1.5}.login-footer{flex:0 0 auto;padding:.65rem 1rem;text-align:center;color:#6b7280;background:transparent;border-top:1px solid var(--login-border);font-size:.74rem;font-weight:700}.login-footer p{margin:0}.login-footer p:after{content:"  |  Powered by N-ACH"}.login-page .MuiButton-root,.login-page .MuiIconButton-root,.login-page .MuiOutlinedInput-root,.login-page .MuiOutlinedInput-root fieldset,.login-page .back-login-button,.login-page .login-float-card,.login-page .login-float-one>svg,.login-page .login-footer-note,.login-page .login-form-shell,.login-page .login-inline-note-item,.login-page .login-mode-chip,.login-page .login-portrait,.login-page .login-portrait-copy>span,.login-page .login-portrait:before,.login-page .login-recovery-banner,.login-page .login-recovery-mail-pill,.login-page .login-recovery-step,.login-page .login-recovery-step-index,.login-page .login-recovery-track,.login-page .login-right-balance-item,.login-page .login-right-balance-panel,.login-page .login-security-mark{border-radius:0!important}@keyframes loginFloat{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,-16px,0) scale(1.04)}}@media (prefers-reduced-motion:reduce){.login-bg-orb{animation:none}}@media (max-width:1000px){.login-page{height:auto;min-height:100vh;overflow:visible}.login-wrapper{padding:5.5rem 5% 2.5rem;overflow:visible}.login-shell{max-height:none;grid-template-columns:1fr;gap:1.5rem}.login-aside{order:2;height:auto}.login-portrait{min-height:320px}.login-form-shell{order:1;overflow-y:visible}.login-bg-dot,.login-bg-orb-four,.login-bg-orb-three{display:none}}@media (max-width:640px){.login-wrapper{padding:5rem 1.1rem 2rem}.login-form-shell{padding:1.5rem}.login-title-text-main{max-width:none;font-size:clamp(2.4rem,12vw,4.1rem)}.login-form-heading{flex-direction:row}.login-form-actions,.login-form-row{grid-template-columns:1fr;flex-direction:column;align-items:stretch}.login-recovery-track{grid-template-columns:1fr;gap:.5rem}.login-recovery-step{min-height:64px}.login-recovery-actions{grid-template-columns:1fr}.btn-modern,.btn-secondary-modern{width:100%}.login-portrait-copy{left:1.4rem;right:1.4rem;top:1.4rem;bottom:1.4rem}.login-float-card,.login-footer{display:none}}@media (max-width:900px){.login-wrapper{padding:5.2rem 4% 1.25rem}.login-shell{width:100%;gap:1rem}.login-form-shell{padding:1.2rem}.form-modern .login-auth-field{width:100%!important;max-width:100%;margin-left:0}.login-form-actions{grid-template-columns:1fr}}@media (max-width:640px){.login-portrait{min-height:260px}.login-portrait-copy h1{max-width:14ch;font-size:clamp(1.35rem,7.2vw,2rem);line-height:.98}.login-portrait-copy p{font-size:.82rem;line-height:1.4}.login-portrait-copy>span{font-size:.62rem;letter-spacing:.08em}}