@font-face{font-family:Mona;font-style:normal;font-weight:200 900;font-display:swap;src:url('/assets/keycard-web/mona-sans.ttf') format('truetype')}
:root,html[data-theme=light]{color-scheme:light;--keypay-font-family:Mona,Arial,sans-serif!important;--bg:#fff!important;--panel:#faf8f6!important;--panel-soft:#fff0e5;--surface:#faf8f6;--surface-2:#fff;--surface-3:#fff0e5;--card:#faf8f6!important;--text:#0d0c22!important;--txt:#0d0c22!important;--muted:#6e6b7f!important;--line:#ece8e4;--line-strong:#e9b99a;--green:#c54b0b;--green-deep:#b94106;--green-dark:#b94106;--brand:#c54b0b!important;--brand2:#b94106!important;--ok:#c54b0b!important;--ring:#e9672433!important;--accent-soft:#fff0e5;--button:#0d0c22;--button-text:#fff;--danger:#bb3044;--shadow:0 16px 45px #21130a0a!important}
html[data-theme=dark]{color-scheme:dark;--bg:#171311!important;--panel:#211c18!important;--panel-soft:#392518;--surface:#211c18;--surface-2:#241e19;--surface-3:#392518;--card:#211c18!important;--text:#faf7f4!important;--txt:#faf7f4!important;--muted:#bcb1a8!important;--line:#3b3028;--line-strong:#825735;--green:#ff995b;--green-deep:#e96724;--green-dark:#e96724;--brand:#ff995b!important;--brand2:#e96724!important;--ok:#ff995b!important;--ring:#ff995b33!important;--accent-soft:#392518;--button:#fff8f2;--button-text:#20150f;--danger:#ff8b91;--shadow:0 16px 45px #0003!important}
html,html[data-theme] body{background:var(--bg)!important;color:var(--text)!important;font-family:var(--keypay-font-family)!important;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
html[data-theme] :is(button,input,select,textarea,option,optgroup){font-family:var(--keypay-font-family)!important}
html[data-theme] :is(h1,h2,h3,h4){font-family:var(--keypay-font-family);font-weight:700}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:4px}
.login-shell{min-height:790px;min-height:max(790px,100svh);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.login-shell.login-is-left{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
html[data-theme] .brand-panel{min-height:0;border:0;background:radial-gradient(ellipse at 70% 66%,var(--accent-soft),transparent 62%);padding:56px 50px 60px}
html[data-theme] .brand-panel::after{display:none}
.brand img,.mobile-brand img,.dashboard-brand img{box-shadow:none;object-fit:contain}
.brand{font-size:24px;letter-spacing:-.6px;font-weight:700}
.brand-copy{margin:65px 0 25px;max-width:550px}
.brand-copy h1{font-size:clamp(42px,5vw,72px);line-height:1.06;font-weight:700;letter-spacing:-.06em}
html[data-theme] .brand-copy p{color:var(--muted);font-size:17px;line-height:1.75}
.auth-wallet-art{position:relative;width:210px;height:210px;margin:12px auto 0;display:grid;place-items:center;isolation:isolate}
.auth-wallet-art::before{content:'';position:absolute;z-index:-1;inset:-75px;border-radius:50%;background:radial-gradient(circle,var(--accent-soft),transparent 68%)}
.auth-wallet-art img{width:128px;height:128px;object-fit:contain;filter:drop-shadow(0 20px 25px #6e341822)}
.form-panel{min-height:0;padding:60px 50px}
.form-wrap{width:min(100%,430px)}
.register-wrap{width:min(100%,500px)}
.login-controls{top:-28px}
.form-heading{margin-top:30px;margin-bottom:30px}
.form-heading h2{font-size:42px;line-height:1.13;font-weight:700;letter-spacing:-.045em}
.form-heading p{font-size:15px;line-height:1.65}
html[data-theme] .field label{color:var(--text);font-size:13px;font-weight:650}
html[data-theme] .field input{height:56px;border-radius:13px;background:var(--bg);font-size:15px;box-shadow:none}
html[data-theme] .field input::placeholder{color:var(--muted);opacity:.75}
html[data-theme] .field-leading-icon,html[data-theme] .theme-toggle,html[data-theme] .language-switch button{color:var(--muted)}
html[data-theme] .field input:focus{border-color:var(--green);background:var(--bg);box-shadow:0 0 0 3px var(--accent-soft)}
html[data-theme] .language-switch,html[data-theme] .theme-toggle{background:var(--bg);border-color:var(--line)}
html[data-theme] .language-switch button.is-active{color:var(--text);background:var(--accent-soft)}
html[data-theme] .submit-button{min-height:56px;border-radius:999px;background:var(--button);color:var(--button-text);font-size:15px;font-weight:650;box-shadow:none}
html[data-theme] .passkey-login-button{min-height:52px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:999px;font-size:13px;box-shadow:none}
html[data-theme] .passkey-login-button:hover{border-color:var(--green);background:var(--accent-soft)}
.passkey-access p{color:var(--muted);font-size:11px;line-height:1.6}
.signup-note{font-size:13px;line-height:1.6}
html[data-theme] .store-icon{color:var(--text)}
html[data-theme] .app-store-button{border-radius:999px;background:var(--bg);color:var(--text);min-height:55px}
.app-store-button strong{font-size:13px;font-weight:650}
html[data-theme] .app-downloads>p,html[data-theme] .app-store-button small,html[data-theme] .human-verification p{color:var(--muted)}
.app-downloads>p{font-size:11px}
html[data-theme] .human-verification,html[data-theme] .two-factor{background:var(--surface);border-color:var(--line)}
html[data-theme] .form-message.is-info{color:var(--green)}
html[data-theme] .account-page{display:block;padding:50px 32px}
.account-shell{margin:40px auto;min-height:45vh}
html[data-theme] .welcome-card{background:var(--surface);box-shadow:none}
.welcome-card .link-button{width:fit-content;min-width:180px}
html[data-theme] .dashboard-page,html[data-theme] .dashboard-boot{background:var(--bg)}
.dashboard-layout{grid-template-columns:250px minmax(0,1fr)}
html[data-theme] .sidebar{background:var(--bg);border-color:var(--line);box-shadow:none}
.dashboard-brand{font-size:18px;font-weight:700;white-space:nowrap;padding:0 2px;gap:9px}
html[data-theme] .nav-item{color:var(--muted);font-weight:600}
html[data-theme] .nav-item:hover{background:var(--surface)}
html[data-theme] .nav-item.is-active{color:var(--green);background:var(--accent-soft)}
html[data-theme] .nav-item.is-active .nav-icon{color:var(--green);background:var(--accent-soft);border-color:var(--line-strong)}
html[data-theme] .nav-icon{color:var(--muted);border-color:var(--line);background:var(--surface)}
html[data-theme] .balance-card{background:radial-gradient(ellipse at 95% 0%,var(--accent-soft),transparent 60%),var(--surface);box-shadow:none}
html[data-theme] :is(.quick-pay-card,.operations-card,.account-card,.hold-summary-card,.holds-card,.store-group,.rates-list-card,.rates-chart-card,.information-hero,.information-card){background:var(--surface);border-color:var(--line);box-shadow:none}
html[data-theme] :is(.balance-head p,.rate-current span){color:var(--muted)}
html[data-theme] :is(.action-button,.topbar-actions>*,.logout-icon){color:var(--text);background:var(--bg);border-color:var(--line)}
html[data-theme] .action-button.is-primary{background:var(--button);color:var(--button-text);box-shadow:none;border-color:transparent}
html[data-theme] .action-button.is-primary:hover{background:var(--button);opacity:.86}
html[data-theme] .balance-breakdown article,html[data-theme] .balance-stat-link{background:var(--bg)}
html[data-theme] .dashboard-boot-logo{background:var(--accent-soft);box-shadow:none}
.dashboard-brand>img,.dashboard-boot-logo img{object-fit:contain}
html[data-theme] .information-review{border-color:var(--line);background:var(--surface)}
/* Trustpilot's own green remains in its star mark, independent of the app palette. */
html[data-theme] .information-review-star,html[data-theme] .information-review>a{background:#00b67a}
.keycard-footer{padding:55px 48px 30px;background:var(--bg);color:var(--text);border-top:1px solid var(--line);font-size:14px;line-height:1.6}
.keycard-footer a{color:inherit;text-decoration:none}
.keycard-footer a:hover{color:var(--green)}
.keycard-footer .footer-top{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.keycard-footer .footer-wordmark{display:inline-flex;align-items:center;gap:10px;font-size:22px;font-weight:700;letter-spacing:-.5px;white-space:nowrap}
.keycard-footer .footer-wordmark img{width:35px;height:35px;object-fit:contain}
.keycard-footer .footer-nav{display:flex;flex-wrap:wrap;gap:15px 24px;font-size:14px;font-weight:650}
.keycard-footer .footer-socials{display:flex;align-items:center;gap:16px}
.keycard-footer .footer-socials a{display:grid;place-items:center;width:24px;height:28px}
.keycard-footer .footer-socials img{width:21px;height:21px;object-fit:contain}
[data-theme=dark] .keycard-footer .footer-socials img{filter:invert(1)}
.keycard-footer .footer-bottom{display:flex;align-items:flex-start;gap:25px;margin-top:38px;color:var(--muted);font-size:12px}
.keycard-footer .footer-bottom>span{white-space:nowrap}
.keycard-footer .footer-legal{display:flex;flex-wrap:wrap;gap:8px 16px;margin-left:auto;justify-content:flex-end}
.keycard-footer .footer-back-top{flex:none;padding:0;display:grid;place-items:center;width:26px;height:26px;background:none;border:0;color:var(--text);cursor:pointer}
.keycard-footer .footer-back-top svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.keycard-footer .footer-disclaimer{margin:24px 0 0;color:var(--muted);font-size:11px;line-height:1.8}
.dashboard-main .keycard-footer{margin-top:50px;padding:35px 0 25px}
.dashboard-main .keycard-footer .footer-nav{font-size:12px;gap:12px 18px}
@media(max-width:1050px){.keycard-footer .footer-nav{order:3;flex-basis:100%}.keycard-footer .footer-bottom{flex-wrap:wrap}.keycard-footer .footer-legal{order:3;flex-basis:100%;justify-content:flex-start;margin:0}}
@media(max-width:900px){.login-shell,.login-shell.login-is-left{min-height:0;grid-template-columns:minmax(0,1fr)}.brand-panel{display:none}.form-panel{padding:32px 26px 50px}.form-wrap{width:min(100%,520px)}.mobile-brand{font-size:21px;margin-bottom:36px;gap:10px;font-weight:700}.mobile-brand img{width:36px;height:36px}.login-controls{top:0;gap:5px}.language-switch button{min-width:30px;padding:7px 6px}.theme-toggle{width:34px;flex-basis:34px}.keycard-footer{padding:40px 26px 25px}.dashboard-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:480px){.form-panel{padding:25px 20px 40px}.mobile-brand{font-size:18px;gap:8px}.mobile-brand img{width:32px;height:32px}.login-controls{gap:4px}.language-switch{gap:0;padding:3px}.language-switch button{min-width:27px;padding:6px 4px;font-size:10px}.theme-toggle{width:30px;height:34px;flex-basis:30px;border:0}.form-heading h2{font-size:36px}.field-grid{grid-template-columns:1fr}.keycard-footer{padding:35px 20px 25px}.keycard-footer .footer-top{gap:25px}.keycard-footer .footer-wordmark{font-size:20px}.keycard-footer .footer-nav{font-size:13px;gap:13px 20px}.keycard-footer .footer-bottom{gap:18px}.dashboard-main .keycard-footer .footer-top{gap:22px}}
@media(prefers-reduced-motion:reduce){.auth-wallet-art img{animation:none}}

.login-is-left .form-panel{order:1}.login-is-left .brand-panel{order:2}