/* Nexcredit public-template companion styling for the Veyra customer authentication flow. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--auth-navy:#071624;--auth-navy2:#0d2233;--auth-red:#d71935;--auth-ivory:#f5f1e9;--auth-paper:#fbfaf7;--auth-ink:#17212a;--auth-muted:#66717a;--auth-line:#d9d9d4}
body.auth-page.auth-template{display:block;min-height:100vh;padding:0;background:var(--auth-paper);color:var(--auth-ink);font-family:'DM Sans',Arial,sans-serif;position:relative;isolation:isolate}
body.auth-page.auth-template:before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(112deg,rgba(7,22,36,.97) 0%,rgba(13,34,51,.91) 48%,rgba(7,22,36,.97) 100%),url('../offshore-hero.png') center/cover no-repeat}
.auth-template .auth-shell{width:min(100%,1120px);min-height:100vh;margin:auto;padding:28px 28px 22px;display:grid;grid-template-columns:minmax(250px,.9fr) minmax(360px,1.1fr);align-items:center;gap:clamp(30px,6vw,84px)}
.auth-template .auth-brand{grid-column:1;grid-row:1;text-align:left;align-self:end;margin-bottom:16px}
.auth-template .auth-brand img{width:clamp(180px,22vw,260px);max-height:90px;object-fit:contain;object-position:left center;filter:drop-shadow(0 8px 20px rgba(0,0,0,.14))}
.auth-template .auth-shell:before{content:"International banking, considered";grid-column:1;grid-row:2;align-self:start;max-width:470px;color:#e8edf0;font-size:clamp(12px,1.1vw,14px);letter-spacing:.19em;text-transform:uppercase}
.auth-template .auth-shell:after{content:"A considered approach to private, multicurrency and corporate banking.";grid-column:1;grid-row:3;align-self:start;max-width:460px;margin-top:-18px;color:rgba(245,241,233,.76);font:400 clamp(2.2rem,4.2vw,4.6rem)/1.02 'Libre Caslon Display',Georgia,serif;letter-spacing:-.035em}
.auth-template .auth-card{grid-column:2;grid-row:1/5;width:100%;background:var(--auth-paper);border:1px solid rgba(255,255,255,.55);border-radius:2px;padding:clamp(26px,4vw,48px);box-shadow:0 30px 90px rgba(0,0,0,.26)}
.auth-template .auth-card h1{font:400 clamp(2.35rem,4vw,3.5rem)/1.02 'Libre Caslon Display',Georgia,serif;letter-spacing:-.045em;color:var(--auth-navy);margin:12px 0 14px}
.auth-template .auth-card>p{font-size:14px;line-height:1.7;color:var(--auth-muted);margin-bottom:26px}
.auth-template .eyebrow{display:block;color:var(--auth-red);font-size:10px;letter-spacing:.18em;font-weight:700;text-transform:uppercase}
.auth-template .eyebrow:before{display:none}
.auth-template .bank-form{gap:17px}
.auth-template .bank-form label{color:#35434d;font-size:12px;gap:8px}
.auth-template .bank-form input,.auth-template .bank-form select{min-height:49px;border:1px solid #d4d8d8;border-radius:0;background:#fff;color:var(--auth-ink);padding:0 14px;font:500 14px 'DM Sans',Arial,sans-serif}
.auth-template .bank-form input:focus,.auth-template .bank-form select:focus{border-color:var(--auth-red);box-shadow:0 0 0 3px rgba(215,25,53,.1)}
.auth-template .bank-btn{min-height:52px;border-radius:0;font:600 11px 'DM Sans',Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;padding:0 18px}
.auth-template .bank-btn.primary{background:var(--auth-red);color:white}
.auth-template .bank-btn.primary:hover{background:#ad1027}
.auth-template .bank-btn.secondary{border:1px solid var(--auth-line);background:transparent;color:var(--auth-navy)}
.auth-template .form-row-between{font-size:11px;margin:0 0 2px}
.auth-template .form-row-between a,.auth-template .auth-switch a{color:var(--auth-red)}
.auth-template .auth-divider{margin:24px 0;color:#7b858b}
.auth-template .auth-divider:before,.auth-template .auth-divider:after{background:var(--auth-line)}
.auth-template .auth-switch{font-size:12px;color:var(--auth-muted);line-height:1.7}
.auth-template .field-info{border-radius:0;border-color:var(--auth-line);background:#f4f1eb}
.auth-template .check-row{font-size:11px!important;line-height:1.6}
.auth-template .check-row input{accent-color:var(--auth-red)}
.auth-template .alert{font-size:12px;border-radius:0}
.auth-template .auth-footer{grid-column:1/3;grid-row:5;color:rgba(245,241,233,.75);font-size:11px;margin:0}
.auth-template .auth-footer svg{color:#e5c9cd}
.auth-template .auth-card .auth-brand-inline{display:flex;align-items:center;gap:10px;margin-bottom:20px}
.auth-template .auth-card .auth-brand-inline img{width:140px}
.auth-template .wide-auth{max-width:100%}
@media(max-width:800px){.auth-template .auth-shell{width:min(100%,600px);grid-template-columns:1fr;gap:16px;padding:22px 16px}.auth-template .auth-brand{grid-column:1;grid-row:1;margin:0 0 4px}.auth-template .auth-brand img{width:170px}.auth-template .auth-shell:before{grid-column:1;grid-row:2;font-size:10px}.auth-template .auth-shell:after{grid-column:1;grid-row:3;font-size:clamp(1.7rem,7vw,2.7rem);margin:0 0 8px;max-width:560px}.auth-template .auth-card{grid-column:1;grid-row:4;padding:26px 22px}.auth-template .auth-footer{grid-column:1;grid-row:5;padding-bottom:8px}.auth-template .auth-card h1{font-size:2.5rem}}
@media(max-width:520px){.auth-template .form-grid.two{grid-template-columns:1fr}.auth-template .auth-shell{padding:20px 13px}.auth-template .auth-card{padding:23px 18px}.auth-template .auth-card h1{font-size:2.25rem}.auth-template .form-row-between{gap:10px;flex-wrap:wrap}}