:root{color:#242424;font-synthesis:none;--yellow:#ffef26;--ink:#222;--muted:#6b6b6b;--line:#e7e5e0;--surface:#f7f6f2;background:#f5f4f1;font-family:Arial,Helvetica,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #3478c6}button{color:inherit}h1{letter-spacing:-.6px;margin:0 0 28px;font-size:28px;font-weight:600;line-height:1.22}h2{letter-spacing:-.3px;margin:0 0 16px;font-size:21px;font-weight:600;line-height:1.3}h3{margin:0 0 16px;font-size:16px;line-height:1.4}p{margin:0 0 24px;font-size:15px;line-height:1.6}small{font-size:12px;line-height:1.5}.prototype-bar{color:#edf3f5;z-index:40;background:#172830;justify-content:space-between;align-items:center;gap:12px;height:44px;padding:0 26px;font-size:12px;display:flex;position:sticky;top:0}.prototype-bar>div{align-items:center;gap:12px;display:flex}.prototype-bar strong{font-size:12px}.demo-dot{background:var(--yellow);border-radius:50%;width:6px;height:6px}.bar-divider{background:#566168;width:1px;height:14px}.demo-label{text-transform:uppercase;letter-spacing:.6px;border:1px solid #64717a;border-radius:3px;padding:2px 5px;font-size:10px}.toolbar{gap:4px!important}.toolbar button{color:#fff;background:0 0;border:0;border-radius:4px;align-items:center;gap:7px;padding:7px 10px;font-size:12px;display:flex}.toolbar button.active,.toolbar button:hover{background:#34454d}.event-count{background:#46565e;border-radius:4px;padding:1px 5px}.application{background:#fff;flex-direction:column;max-width:1600px;min-height:calc(100vh - 44px);margin:auto;display:flex}.split-page{flex:1;grid-template-columns:1fr 1fr;min-height:calc(100vh - 93px);display:grid}.login-column{flex-direction:column;padding:30px 58px 60px;display:flex;position:relative}.brand{object-fit:contain;object-position:left center;width:195px;height:auto;max-height:61px;display:block}.login-form{width:100%;max-width:390px;margin:auto;padding:75px 0 80px}.login-form h1{margin-bottom:29px}.login-form form>.button{margin-top:25px}.login-form label{font-size:13px}.login-form input:not([type=checkbox]){border-radius:6px;height:43px}label{margin-bottom:7px;font-size:14px;display:block}input:not([type=checkbox]),select{color:#222;background:#fff;border:1px solid #aaa;border-radius:5px;width:100%;height:44px;padding:10px 12px}input:not([type=checkbox]):hover{border-color:#444}.check-row{align-items:flex-start;gap:12px;margin:19px 0 0;display:flex}.check-row input{accent-color:#222;flex-shrink:0;width:18px;height:18px;margin:0}.check-row span{line-height:19px}.check-row small{color:#777;font-size:11px;display:block}.button{color:#fff;background:#222;border:1px solid #222;border-radius:30px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:10px 25px;font-size:14px;font-weight:500;line-height:1.4;display:inline-flex}.button:hover:not(:disabled){background:#444}.button.secondary{color:#222;background:#fff}.button.secondary:hover{background:#f1f1ed}.text-link{text-underline-offset:2px;color:inherit;text-align:left;background:0 0;border:0;padding:0;font-size:13px;line-height:1.6;text-decoration:underline;display:inline}.text-link:hover{color:#626262}.help-links{margin-top:29px}.financial-help{color:#5c5c5c;margin-top:28px;font-size:12px}.financial-help .text-link{font-size:12px}.marketing{flex-direction:column;min-width:0;margin-right:38px;display:flex}.marketing-photo{height:59%;min-height:330px;position:relative;overflow:hidden}.marketing-photo img{object-fit:cover;object-position:52% center;width:100%;height:100%}.yellow-panel{background:var(--yellow);clip-path:polygon(0 0,100% 28px,100% 100%,0 100%);flex:1;margin-top:-25px;padding:38px 48px 58px;position:relative}.yellow-panel>svg{margin-top:12px;margin-bottom:8px;display:block}.yellow-panel small{font-size:11px}.yellow-panel h2{margin:9px 0 8px;font-size:23px}.yellow-panel p{max-width:450px;margin-bottom:22px;font-size:15px;line-height:1.4}.yellow-panel .text-link{font-size:12px}.bank-footer{border-top:1px solid var(--line);color:#737373;background:#fff;min-height:49px;padding:17px 25px;font-size:10px}.bank-footer .text-link{font-size:10px}.password-input{position:relative}.password-input input{padding-right:60px}.password-input button{background:0 0;border:0;height:100%;font-size:12px;text-decoration:underline;position:absolute;top:0;right:12px}.stack-links{flex-direction:column;align-items:flex-start;gap:22px;margin-top:35px;display:flex}.known-client{background:var(--surface);border-radius:5px;align-items:center;gap:14px;padding:13px 10px;display:flex}.known-client>div{flex-direction:column;flex:1;display:flex}.known-client strong{font-size:14px;font-weight:400;line-height:1.7}.known-client small,.known-client .text-link{font-size:12px}.icon-chip{background:#f0efed;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;display:inline-flex}.icon-chip svg{stroke-width:1.5px;width:19px;height:19px}.icon-chip.yellow{background:var(--yellow)}.icon-chip.dark{color:#fff;background:#252525}.bank-header{border-bottom:6px solid var(--surface);align-items:center;gap:45px;height:76px;padding:20px 35px;display:flex}.brand.small{object-fit:cover;object-position:left;width:34px;max-width:none;height:38px}.bank-header .brand.small{object-fit:contain;width:150px}.bank-header nav{align-self:stretch;gap:24px;display:flex}.bank-header nav button{white-space:nowrap;background:0 0;border:0;font-size:14px;position:relative}.bank-header nav button.selected:after{content:"";background:#222;height:3px;position:absolute;bottom:-20px;left:0;right:0}.user-nav{align-items:center;gap:12px;margin-left:auto;font-size:13px;display:flex}.user-nav button{background:0 0;border:0;align-items:center;gap:8px;margin-left:20px;display:flex}.journey-main{flex:1;width:100%;max-width:640px;min-height:calc(100vh - 169px);margin:0 auto;padding:64px 32px 85px}.journey-main h1{font-size:28px}.journey-main>.subheading{color:#777;margin-top:-17px;margin-bottom:30px;font-size:13px}.note{background:var(--surface);border-radius:6px;align-items:center;gap:12px;margin:0 0 19px;padding:18px;font-size:13px;line-height:1.5;display:flex}.note svg{flex-shrink:0}.choice{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;align-items:center;gap:13px;width:100%;min-height:66px;padding:14px 0;font-size:15px;display:flex}.choice:hover{background:#fbfaf6}.choice:last-of-type{border-bottom:0}.choice-label{flex:1}.choice small{color:#777;font-size:12px;display:block}.choice>svg{color:#777}.confirmation-card{background:var(--surface);text-align:center;border-radius:9px;padding:38px 38px 43px}.confirmation-card h2{max-width:420px;margin:22px auto 14px;font-size:20px}.confirmation-card p{font-size:13px;line-height:1.6}.phone-illustration{display:inline-block;position:relative}.phone-illustration>svg:last-child{stroke-width:1.2px;background:var(--surface);position:absolute;bottom:17px;right:-4px}.waiting{color:#777;justify-content:center;align-items:center;gap:9px;margin:15px 0 20px;font-size:12px;display:flex}.support-section{border-top:1px solid var(--line);margin:38px 0 0;padding-top:28px}.support-section h3{font-size:14px}.simulator-hint{background:#f0f5f8;border-radius:5px;align-items:center;gap:14px;margin:23px 0;padding:16px 18px;font-size:13px;line-height:1.6;display:flex}.otp-input{letter-spacing:12px;text-align:center;max-width:300px;display:block;font-size:24px!important}.journey-main form>.muted{margin:10px 0 23px;display:block}.large-icon{background:var(--yellow);border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:26px;display:flex}.benefits{flex-direction:column;gap:20px;margin:25px 0 30px;font-size:14px;display:flex}.benefits>div{align-items:center;gap:12px;display:flex}.button-row{flex-wrap:wrap;align-items:center;gap:20px;margin:26px 0 0;display:flex}.muted{color:#777}.success-screen{text-align:center;padding-top:40px}.success-icon{background:var(--yellow);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 30px;display:flex}.success-screen p{max-width:430px;margin:0 auto 30px}.account-main{background:#fff;flex:1;width:100%;margin:auto;padding:50px 7% 70px}.account-title{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.account-title h1{margin-bottom:10px}.account-title p{margin:0}.status-pill{color:#3f5b2f;background:#f2f6ee;border-radius:20px;align-items:center;gap:8px;padding:9px 13px;font-size:12px;display:inline-flex}.home-columns{grid-template-columns:1.6fr 1fr;gap:80px;display:grid}.account-table{width:100%}.table-header{justify-content:space-between;padding:10px 15px;font-size:12px;display:flex}.account-row{background:var(--surface);border-radius:5px;align-items:center;gap:15px;margin-bottom:5px;padding:20px 15px;display:flex}.account-row>div{flex:1}.account-row strong{font-size:14px;font-weight:500}.account-row small{color:#777;margin-top:5px;font-size:12px;display:block}.account-row>.icon-chip{border-radius:6px;width:42px;height:42px}.total-row{background:var(--yellow);border-radius:5px;justify-content:space-between;gap:25px;margin-top:13px;padding:20px 15px;font-size:14px;display:flex}.demo-footnote{color:#777;margin-top:18px;font-size:12px}.security-summary{padding-top:0}.security-summary p{color:#777;font-size:14px}.security-summary .choice{font-size:14px}.settings-card{border:1px solid var(--line);border-radius:8px;padding:27px 30px}.settings-card h2{align-items:center;gap:10px;font-size:19px;display:flex}.settings-card p{color:#666;font-size:14px}.security-grid{grid-template-columns:1.25fr 1fr;gap:24px;display:grid}.security-grid .settings-card:first-child{grid-row:span 2}.setting-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:20px 0;display:flex}.setting-row>div{overflow-wrap:anywhere;flex:1}.setting-row strong{font-size:14px}.setting-row small{color:#777;margin-top:4px;display:block}.empty-state{padding:24px 0}.error{color:#882a22;background:#fff3f0;border-left:3px solid #bd382b;margin:24px 0;padding:15px 16px;font-size:14px;line-height:1.5}.demo-panel{z-index:35;background:#fff;border-left:1px solid #d9e0e4;flex-direction:column;width:400px;display:flex;position:fixed;top:44px;bottom:0;right:0;overflow:auto;box-shadow:-10px 0 55px #17283028}.demo-panel>header{justify-content:space-between;align-items:center;padding:25px 25px 18px;display:flex}.demo-panel header small{letter-spacing:2px;color:#687b86;font-size:10px}.demo-panel h2{margin:6px 0 0;font-size:21px}.icon-button{color:#697077;background:0 0;border:0;justify-content:center;align-items:center;padding:7px;display:flex}.icon-button svg{width:20px}.panel-tabs{border-bottom:1px solid #dde4e8;gap:25px;padding:0 25px;display:flex}.panel-tabs button{color:#60717b;background:0 0;border:0;border-bottom:2px solid #0000;padding:14px 0;font-size:13px}.panel-tabs button.selected{color:#142f3e;border-color:#1a323d;font-weight:600}.panel-content{color:#233d49;padding:23px 25px}.panel-intro{color:#6b7c84;margin-bottom:25px;font-size:13px;line-height:1.7}.panel-content section{border-top:1px solid #e0e7eb;margin-top:26px;padding-top:24px}.panel-content h3{font-size:15px}.panel-content .button{min-height:36px;padding:8px 17px;font-size:12px}.panel-content input,.panel-content select{border-color:#c9d2d8;height:40px;font-size:13px}.panel-content label{margin-top:13px;font-size:12px}.panel-content form>.button{margin-top:20px}.demo-password{width:100%;color:inherit;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:16px 0;font-size:12px;display:flex}.daon-simulation{cursor:pointer;align-items:center;gap:10px;font-size:14px;display:flex}.daon-simulation input{accent-color:#294653;width:18px;height:18px}.demo-password-value{align-items:center;gap:7px;display:inline-flex}.demo-password:hover{color:#294653}.demo-password:focus-visible{outline-offset:3px;border-radius:4px;outline:2px solid #294653}.demo-password code{color:#294653;font-size:12px}.state-line{color:#62727b;justify-content:space-between;margin:15px 0;font-size:12px;display:flex}.state-line strong{color:#233d49}.panel-content .stack-links{gap:14px;margin-top:21px}.panel-content .text-link{font-size:12px}.simulator{text-align:center;background:#f5f8fa;border-radius:12px;border:1px solid #d9e4eb!important;padding:20px!important}.simulator-top{color:#687b86;border-bottom:1px solid #dfe5e9;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:14px;font-size:11px;display:flex}.simulator .brand.small{object-fit:contain;width:95px}.simulator p{margin-bottom:10px;font-size:13px;line-height:1.5}.simulator h3{margin:12px 0;font-size:19px}.simulator>small{font-size:11px}.simulator .button-row{justify-content:center;gap:10px;margin-top:18px}.demo-code{letter-spacing:7px;color:#223c49;background:#fff;border:1px solid #dee7ed;border-radius:7px;margin:17px 0;padding:18px;font-size:30px}.project-details{background:#f4f7f9;border:1px solid #e1e8ec;border-radius:6px;margin-bottom:15px;padding:15px}.project-details small{letter-spacing:1.3px;color:#637984;margin-bottom:6px;font-size:9px;display:block}.project-details code{overflow-wrap:anywhere;margin-bottom:12px;font-size:10px;display:block}.project-details code:last-child{margin-bottom:0}.project-details a{color:#1953ff;align-items:center;gap:6px;margin-bottom:12px;display:flex}.project-details a code{color:inherit;margin-bottom:0}.event-list{margin-top:24px}.event-list details{border-top:1px solid #e5eaf0;padding:13px 0}.event-list summary{cursor:pointer;align-items:flex-start;gap:10px;list-style:none;display:flex}.event-list summary strong{font-size:12px;font-weight:500;display:block}.event-list summary small{color:#7d8b94;margin-top:5px;font-size:10px;display:block}.event-dot{background:#8aadb9;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:4px;display:inline-block}.event-dot.success{background:#559878}.event-dot.failed{background:#d36655}.event-list pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f4f7f9;max-height:300px;padding:12px;font-size:10px;overflow:auto}.modal-backdrop,.ceremony-overlay{z-index:45;background:#0006;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:44px 0 0}.ceremony-overlay{pointer-events:none;z-index:30;background:#0003}.ceremony-overlay>div{text-align:center;background:#fff;border-radius:12px;max-width:440px;padding:40px;box-shadow:0 8px 35px #0002}.ceremony-overlay h2{margin:22px 0 14px;font-size:21px}.ceremony-overlay p{font-size:14px}.help-dialog{background:#fff;border-radius:12px;max-width:480px;padding:42px;position:relative}.help-dialog .close{position:absolute;top:12px;right:12px}.help-dialog h2{margin:20px 0}.help-dialog p{font-size:14px}.loading{flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.spin{animation:1.4s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:1500px){.login-form{max-width:420px}.login-column{padding-left:80px;padding-right:80px}}@media (max-width:1000px){.login-column{padding:30px 35px 40px}.login-form{padding-top:65px;padding-bottom:60px}.marketing{margin-right:20px}.yellow-panel{padding:35px 30px}.home-columns{gap:35px}.account-main{padding:40px 35px}.bank-header{gap:20px;padding:18px 25px}.bank-header .brand.small{width:110px}.security-grid{grid-template-columns:1fr}.security-grid .settings-card:first-child{grid-row:auto}}@media (max-width:700px){.prototype-bar{flex-wrap:wrap;gap:4px;height:auto;min-height:44px;padding:8px 12px}.prototype-bar>div{gap:6px}.prototype-bar .demo-label,.bar-divider{display:none}.toolbar button{gap:4px;padding:5px;font-size:11px}.split-page{min-height:calc(100vh - 110px);display:block}.login-column{min-height:calc(100vh - 100px);padding:26px}.brand{width:175px}.login-form{max-width:390px;margin:65px auto auto;padding:0 0 70px}.marketing{display:none}.bank-footer{padding:15px 20px;font-size:10px;line-height:1.7}.bank-footer>span{display:block}.bank-header{gap:12px;height:68px;padding:15px 20px}.bank-header .brand.small{width:80px}.bank-header nav{gap:12px}.bank-header nav button{font-size:12px}.bank-header nav button.selected:after{bottom:-15px}.user-nav{gap:0;font-size:0}.user-nav>svg{display:none}.user-nav button{gap:4px;margin-left:3px;font-size:11px}.journey-main{min-height:calc(100vh - 180px);padding:43px 26px 65px}.journey-main h1{font-size:25px}.confirmation-card{padding:30px 21px}.confirmation-card h2{font-size:18px}.account-main{padding:32px 22px 50px}.account-title{flex-direction:column;align-items:flex-start;gap:20px}.home-columns{grid-template-columns:1fr;gap:25px}.settings-card{padding:23px 20px}.account-row{gap:10px}.account-row strong{font-size:12px}.account-row small{font-size:10px}.demo-panel{width:min(400px,100%);top:44px}.status-pill{font-size:11px}.modal-backdrop,.ceremony-overlay{top:44px}.help-dialog{padding:32px}.button-row{gap:16px}.account-main h1{font-size:25px}}@media (prefers-reduced-motion:reduce){.spin{animation:none}}.trust-choice{margin:30px 0}.trust-choice h3{margin-bottom:14px;font-size:15px}.trust-choice .check-row{font-size:13px;line-height:1.6}.binding-note{background:#e6f8fe;border-radius:6px;align-items:flex-start;gap:12px;margin:20px 0 27px;padding:20px;font-size:13px;line-height:1.6;display:flex}.binding-note>svg{flex-shrink:0}.binding-note strong{font-size:13px;font-weight:500}.binding-note p{margin:6px 0 10px;font-size:12px}.binding-note .text-link{font-size:12px}.success-manage{margin-top:22px}.fresh-run{margin:0 0 18px}.bank-header .brand.small{object-fit:cover;object-position:left;width:35px;height:40px}.demo-panel .simulator .brand.small{object-fit:contain;width:95px;height:38px}.logon-error-icon{fill:none;stroke:#ff806e;stroke-width:2.5px;stroke-linecap:round;flex:none;width:56px;height:48px}.logon-error-icon circle{fill:#ff806e;stroke:none}.logon-error-banner{color:#f7f7f1;background:#4a201a;border-radius:8px;align-items:flex-start;gap:14px;margin:28px 0;padding:22px;font-size:14px;display:flex}.logon-error-banner .logon-error-icon{width:18px;height:18px}.logon-error-banner button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;margin-top:18px;padding:0;text-decoration:underline;display:block}.logon-error-dialog{box-sizing:border-box;color:#f7f7f1;background:#1c1d1b;border:none;border-radius:24px;width:min(720px,100vw - 40px);padding:32px 24px 24px;font-size:14px;line-height:1.5}.logon-error-dialog::backdrop{background:#0009}.logon-error-dialog h2{color:inherit;margin:28px 0 16px;font-size:24px;line-height:1.3}.logon-error-dialog p{color:inherit;margin:0 0 24px}.logon-error-dialog .logon-recovery-intro{margin-bottom:0}.logon-error-dialog ul{margin:0 0 24px;padding-left:40px}.logon-error-actions{flex-wrap:wrap;gap:16px;display:flex}.logon-error-actions button{color:#1c1d1b;font:inherit;cursor:pointer;background:#f7f7f1;border:1px solid #f7f7f1;border-radius:32px;padding:12px 16px}.logon-error-actions .logon-error-close{color:#f7f7f1;background:0 0;min-width:96px}.toolbar button.attention{background:var(--yellow);color:#222;animation:1.6s ease-in-out 3 attention}@keyframes attention{0%,to{box-shadow:0 0 #ffef26e6}50%{box-shadow:0 0 0 7px #ffef2600}}.panel-content section.step h3{align-items:center;gap:9px;font-size:16px;display:flex}.panel-content section.substep{border-top:0;margin-top:14px;padding-top:0}.panel-content h4{color:#233d49;margin:16px 0 6px;font-size:13px}.step-badge{background:var(--yellow);color:#222;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:700;display:inline-flex}.gate{background:radial-gradient(1200px 600px at 80% -10%, #fff7b3 0%, transparent 60%), var(--surface);place-items:center;min-height:100vh;padding:24px;display:grid}.gate-card{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;gap:12px;width:min(460px,100%);padding:36px 36px 28px;display:flex;box-shadow:0 18px 50px #00000014}.gate-logos{align-items:center;gap:14px;margin-bottom:6px;display:flex}.gate-logos img{width:auto}.gate-logos span{color:var(--muted);font-size:18px}.gate-label{background:var(--yellow);color:#222;letter-spacing:.02em;text-transform:uppercase;border-radius:4px;align-self:flex-start;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.gate-card h1{margin:0;font-size:26px}.gate-card p{color:var(--muted);margin:0;line-height:1.55}.gate-card label{margin-top:8px;font-size:13px;font-weight:600}.gate-card input{border:1px solid #c9d2d8;border-radius:6px;height:44px;padding:0 12px;font-size:15px}.gate-card .button{margin-top:8px}.gate-error{color:#b3261e;font-size:13px}.gate-card small{color:var(--muted);margin-top:6px;font-size:12px;line-height:1.5}@media (max-width:768px){input,select,textarea{font-size:16px}}
