.auth-section { background:var(--paper); padding:88px 0 104px; min-height:70vh }
.auth-grid { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:100px }
.auth-intro h1 { font-size:clamp(38px,4.5vw,64px); letter-spacing:-2px; margin:22px 0 24px; font-weight:650 }
.auth-intro h1 span { color:var(--blue) }
.auth-intro>p:not(.eyebrow) { color:var(--muted); max-width:370px }
.auth-signature { display:flex; align-items:center; gap:18px; margin-top:48px; font-size:13px; color:var(--muted) }
.auth-signature strong { color:var(--ink); font-weight:600 }
.auth-card { background:white; border:1px solid var(--line); border-radius:24px; padding:40px; box-shadow:0 20px 60px #172d4b08 }
.auth-card h2 { font-size:30px; letter-spacing:-1px; margin-top:12px }
.auth-description { color:var(--muted); font-size:14px; margin:16px 0 28px; overflow-wrap:anywhere }
.auth-form { display:grid; gap:22px }
.auth-field { display:grid; gap:8px }
.auth-field label { font-size:13px; font-weight:600 }
.auth-field input { width:100%; min-width:0; border:1px solid #bbc7d9; border-radius:9px; padding:13px 14px; font:inherit; background:#fff; color:var(--ink) }
.auth-field input:focus-visible { outline:3px solid #2859e735; border-color:var(--blue); outline-offset:1px }
.auth-field input::placeholder { color:#68788d }
.auth-field .input-validation-error { border-color:#b9322a }
.auth-field .field-validation-error { color:#a82c24; font-size:12px }
.auth-form .button { width:100%; justify-content:space-between; margin-top:4px }
.auth-form :disabled { opacity:.6; cursor:not-allowed }
.auth-errors { color:#a82c24; background:#fff3f1; border-radius:9px; font-size:13px; padding:12px 16px }
.auth-errors ul { padding:0; margin:0; list-style:none }
.validation-summary-valid { display:none }
.auth-help { color:var(--muted); font-size:12px; padding-top:24px; margin-top:26px; border-top:1px solid var(--line) }
.auth-back { display:inline-block; margin-top:24px; font-size:13px; color:var(--blue); font-weight:600 }
.auth-notice { padding:18px; border:1px solid var(--line); border-radius:12px; background:var(--paper); font-size:14px; color:var(--muted); margin:22px 0 }
.auth-single { max-width:620px }
.auth-single h1 { font-size:32px; margin-top:14px; letter-spacing:-1px }
.auth-single>.eyebrow { margin-top:24px }
@media(max-width:1000px) { .auth-grid { gap:44px } .auth-card { padding:28px } }
@media(max-width:700px) { .auth-section { padding:40px 0 56px } .auth-grid { grid-template-columns:1fr; gap:30px; max-width:520px } .auth-intro h1 { font-size:40px; margin:12px 0 16px } .auth-signature { display:none } .auth-card { padding:26px 22px } .auth-card h2 { font-size:28px } .auth-single h1 { font-size:28px } }