.auth-page{--auth-navy:#123461;--auth-navy-hover:#1a4580;grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-visual{background:radial-gradient(ellipse 80% 50% at 50% 100%, #f07a2e29 0%, #f07a2e00 70%), radial-gradient(ellipse 70% 60% at 20% 0%, #ffffff0f 0%, #fff0 70%),  linear-gradient(160deg, #0d2747 0%, var(--auth-navy) 55%, #173f73 100%);flex-direction:column;align-self:start;height:100vh;padding:28px 40px 32px;display:flex;position:sticky;top:0;overflow:hidden}.auth-visual-shot{border:1px solid #ffffff14;border-radius:14px;flex:0 46%;width:100%;min-width:0;max-width:399px;height:auto;box-shadow:0 24px 60px #00000080,0 0 0 6px #ffffff08}.auth-visual-logo{flex-shrink:0;align-self:flex-start;line-height:0}.auth-visual-content{color:#fff;flex:1;justify-content:center;align-items:center;gap:clamp(24px,3vw,40px);min-height:0;padding-top:16px;display:flex}.auth-visual-copy{text-align:left;flex:1 1 0;min-width:0;max-width:330px}.auth-visual-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:#ffffffeb;align-items:center;gap:10px;font-size:10.5px;font-weight:600;display:inline-flex}.auth-visual-eyebrow:before,.auth-visual-eyebrow:after{content:"";background:var(--gold-light);flex-shrink:0;width:20px;height:1px}.auth-visual-content h2{font-family:var(--font-serif);color:#f7efe2;text-shadow:0 2px 18px #0009;margin:14px 0 0;font-size:clamp(24px,2.4vw,36px);line-height:1.15}.auth-visual-accent{color:#f07a2e;white-space:nowrap;font-style:italic}.auth-visual-content p{color:#c9d2d9;text-shadow:0 1px 10px #0009;margin:14px 0 0;font-size:14px;line-height:1.6}.auth-back{border:1px solid var(--border);color:var(--navy);background:#fff;border-radius:999px;align-items:center;gap:10px;margin-bottom:28px;padding:5px 16px 5px 5px;font-size:13px;font-weight:600;text-decoration:none;transition:border-color .2s,box-shadow .2s,color .2s;display:inline-flex;box-shadow:0 1px 2px #0d1f2b0a}.auth-back-icon{background:var(--auth-navy);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:background .2s,transform .2s;display:inline-flex}.auth-back:hover{color:#d2500f;border-color:#d2500f59;box-shadow:0 4px 14px #0d1f2b14}.auth-back:hover .auth-back-icon{background:#d2500f;transform:translate(-2px)}.auth-back:focus-visible{outline-offset:2px;outline:2px solid #d2500f}.auth-panel{justify-content:center;align-items:center;padding:40px 24px;display:flex;position:relative;overflow-y:auto}.auth-grid{grid-template-columns:1fr 1fr;column-gap:14px;display:grid}.auth-grid .auth-field{min-width:0}.auth-card{width:100%;max-width:420px}.auth-card-wide{max-width:560px}@media (max-width:1100px) and (min-width:801px),(max-width:520px){.auth-grid{grid-template-columns:1fr}}.auth-card h1{font-family:var(--font-serif);color:var(--navy);font-size:26px}.auth-subtitle{color:#6d7780;margin-top:6px;margin-bottom:20px;font-size:13px}.auth-error{color:#c0392b;background:#fdecec;border-radius:8px;margin-bottom:14px;padding:10px 12px;font-size:12.5px}.auth-field{margin-bottom:14px}.auth-field label{color:var(--navy);margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.auth-input-wrap{border:1px solid #e0e4e7;border-radius:8px;align-items:center;gap:9px;height:46px;padding:0 14px;transition:border-color .2s;display:flex}.auth-input-wrap:focus-within{border-color:#8fcfa3}.auth-input-wrap:focus-within svg{color:#4d9b54}.auth-input-wrap svg{color:#a6adb2;flex-shrink:0}.auth-input-wrap input,.auth-input-wrap select{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:13.5px}.auth-input-wrap select{cursor:pointer}.auth-toggle-visibility{color:#a6adb2;background:0 0;border:0;flex-shrink:0;place-items:center;display:grid}.auth-row{color:#6d7780;justify-content:space-between;align-items:center;margin:-4px 0 16px;font-size:12px;display:flex}.auth-checkbox{align-items:center;gap:6px;display:flex}.auth-submit{background:var(--auth-navy);color:#fff;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;height:46px;font-size:13.5px;font-weight:600;transition:background .2s;display:inline-flex}.auth-submit:hover:not(:disabled){background:var(--auth-navy-hover)}.auth-submit:disabled{opacity:.7}.auth-divider{color:#a6adb2;align-items:center;gap:10px;margin:18px 0;font-size:11.5px;font-weight:600;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#e6e8e9;flex:1;height:1px}.auth-google-wrap{justify-content:center;display:flex}.auth-google-placeholder{color:#a6adb2;border:1px solid #e0e4e7;border-radius:20px;place-items:center;width:100%;height:40px;font-size:12.5px;display:grid}.auth-footer{text-align:center;color:#6d7780;margin-top:18px;font-size:12.5px}.auth-footer a{color:#d2500f;font-weight:700}.role-grid{grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 18px;display:grid}.role-card{text-align:left;background:#fff;border:1px solid #e6e8e9;border-radius:10px;flex-direction:column;gap:8px;padding:14px;display:flex}.role-card.selected{border-color:var(--gold);background:#d59a3a0f}.role-card-icon{width:34px;height:34px;color:var(--gold-dark);background:#f4ede0;border-radius:50%;place-items:center;display:grid}.role-card.selected .role-card-icon{background:var(--gold);color:#fff}.role-card strong{color:var(--navy);font-size:12.5px}.role-card span{color:#77818a;font-size:10.5px;line-height:1.4}.auth-cancel-link{text-align:center;color:#6d7780;background:0 0;border:0;width:100%;margin-top:12px;font-size:12.5px;display:block}@media (max-width:800px){.auth-page{grid-template-columns:1fr}.auth-visual{display:none}.role-grid{grid-template-columns:1fr}}
