:root{--auth-ink:#0f203c;--auth-muted:#60708b;--auth-line:#cfdae8;--auth-canvas:#f4f7fb;--auth-surface:#fff;--auth-brand:#1d4f91;--auth-brand-dark:#153f77;--auth-input:#edf4ff;--auth-danger:#b42318;--auth-shadow:0 18px 44px rgba(16,42,78,.13)}
*{box-sizing:border-box}
html,body{min-height:100%}
body{margin:0;font:14px/1.5 "Heebo",system-ui,-apple-system,sans-serif;color:var(--auth-ink);background:var(--auth-canvas)}
.auth-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px 14px}
.auth-shell{display:grid;grid-template-columns:1fr 1fr;width:min(1150px,100%);min-height:660px;background:var(--auth-surface);border:1px solid var(--auth-line);box-shadow:var(--auth-shadow);overflow:hidden}
.auth-panel{padding:38px 44px}
.auth-panel-brand{display:flex;flex-direction:column;background:var(--auth-brand);color:#fff}
.auth-brand{display:flex;align-items:center;gap:12px}
.auth-brand-mark{display:grid;place-items:center;width:42px;height:42px;background:#fff;color:var(--auth-brand);font-weight:800;font-size:18px;border-radius:5px}
.auth-brand strong,.auth-brand span{display:block}
.auth-brand strong{font-size:18px;line-height:1.2}
.auth-brand span{font-size:12px;color:#cfe0f7}
.auth-intro{margin:auto 0 34px;max-width:490px}
.auth-eyebrow,.auth-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800}
.auth-eyebrow{color:#dbeafe}
.auth-intro h1{max-width:460px;margin:13px 0 18px;font-size:40px;line-height:1.08;letter-spacing:-.035em;color:#fff}
.auth-intro p{max-width:470px;margin:0;color:#d7e5f7;font-size:15px;line-height:1.65}
.auth-feature-list{display:grid;gap:13px;margin:0;padding:0;list-style:none}
.auth-feature-list li{display:flex;align-items:flex-start;gap:13px}
.auth-feature-list>li>span{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(255,255,255,.07);color:#fff;font-size:10px}
.auth-feature-list strong,.auth-feature-list small{display:block}
.auth-feature-list strong{font-size:13px;color:#fff}
.auth-feature-list small{margin-top:1px;color:#cfe0f7;font-size:11px;line-height:1.4}
.auth-panel-form{display:flex;align-items:center;justify-content:center;background:#fff}
.auth-card{width:min(100%,455px)}
.auth-card-header{margin-bottom:25px}
.auth-kicker{color:var(--auth-brand)}
.auth-card-header h2{margin:7px 0 4px;font-size:29px;line-height:1.16;letter-spacing:-.025em;color:#0b1930}
.auth-card-header p{margin:0;color:var(--auth-muted)}
.auth-form{display:grid;gap:16px}
.auth-form-grid{grid-template-columns:1fr 1fr}
.auth-span{grid-column:1/-1}
.auth-field label,.auth-form>div>label{display:block;margin-bottom:6px;color:#233653;font-size:12px;font-weight:700}
.auth-input,.auth-form input:not([type=checkbox]),.auth-form select{width:100%;height:48px;padding:10px 13px;border:1px solid #b9c9df;border-radius:5px;outline:none;background:var(--auth-input);color:var(--auth-ink);font:inherit}
.auth-form input:focus,.auth-form select:focus{border-color:var(--auth-brand);box-shadow:0 0 0 3px rgba(29,79,145,.12)}
.auth-check{display:flex;align-items:center;gap:8px}
.auth-check label{margin:0}
.auth-checkbox{width:16px;height:16px;accent-color:var(--auth-brand)}
.auth-button{width:100%;min-height:48px;padding:10px 18px;border:0;border-radius:5px;background:var(--auth-brand);color:#fff;font:700 14px "Heebo",sans-serif;cursor:pointer;text-align:center}
.auth-button:hover{background:var(--auth-brand-dark)}
.auth-button-link{display:block;text-decoration:none}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:3px;margin-bottom:20px;background:#eef2f7;border-radius:6px}
.auth-tabs a{text-align:center;padding:8px;text-decoration:none;color:var(--auth-muted);font-weight:600;border-radius:4px}
.auth-tabs a.active{background:#fff;color:var(--auth-brand);box-shadow:0 1px 4px rgba(15,23,42,.1)}
.auth-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--auth-muted);font-size:11px}
.auth-footer{margin:19px 0 0;color:var(--auth-muted);text-align:center;font-size:12px}
.auth-card a{color:var(--auth-brand);font-weight:700;text-decoration:none}
.auth-errors,.errorlist{margin:4px 0 0;padding:0;list-style:none;color:var(--auth-danger);font-size:12px}
.auth-alert{margin-bottom:16px;padding:10px 12px;border-radius:5px;background:#eff6ff;color:#1d4ed8}
.auth-alert.error{background:#fef3f2;color:var(--auth-danger)}
.helptext{display:block;margin-top:3px;color:var(--auth-muted);font-size:11px}
.auth-password-field{position:relative}
.auth-password-field input{padding-right:68px!important}
.auth-password-toggle{position:absolute;top:50%;right:7px;min-width:50px;height:30px;transform:translateY(-50%);border:0;border-radius:4px;background:transparent;color:var(--auth-brand);font:700 11px "Heebo",sans-serif;cursor:pointer}
.auth-password-toggle:hover{background:#dce9fa}
.auth-password-toggle:focus-visible{outline:2px solid var(--auth-brand);outline-offset:1px}
.auth-page-footer{padding-top:14px;color:#72819a;font-size:11px;text-align:center}
@media(max-width:900px){.auth-page{justify-content:flex-start;padding:18px}.auth-shell{grid-template-columns:1fr;min-height:0}.auth-panel{padding:28px}.auth-panel-brand{min-height:285px}.auth-intro{margin:46px 0 24px}.auth-intro h1{font-size:34px}.auth-feature-list{display:none}.auth-panel-form{min-height:470px}}
@media(max-width:560px){.auth-page{padding:0;background:#fff}.auth-shell{display:block;border:0;box-shadow:none}.auth-panel-brand{min-height:auto;padding:20px}.auth-panel-brand .auth-intro{display:none}.auth-panel-form{min-height:calc(100vh - 82px);padding:28px 20px;align-items:flex-start}.auth-card{padding-top:28px}.auth-form-grid{grid-template-columns:1fr}.auth-span{grid-column:auto}.auth-row{align-items:flex-start;flex-direction:column}.auth-page-footer{display:none}}
