.auth-section{padding:58px 0;background:#f5f7f9;min-height:70vh}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;max-width:1080px}.auth-story{padding:42px;border-radius:16px;background-position:center;display:flex;flex-direction:column;justify-content:center}.auth-story h1{margin-top:12px;font-size:37px}.auth-story>p:not(.eyebrow){margin-top:20px}.auth-story ul{padding-left:19px;margin:28px 0 12px;line-height:2.2}.auth-story .note{color:#d9dfe6}.auth-form{padding:38px}.auth-form>p{color:var(--muted)}.auth-form h2{font-size:28px}.auth-form form{margin-top:28px}.auth-form label:not(.checkbox){display:block;font-weight:650;font-size:13px;margin:18px 0 7px}.auth-form input:not([type=checkbox]):not([type=hidden]){display:block;width:100%;min-width:0;padding:13px;border:1px solid #bbc5d0;border-radius:8px;background:#fff;color:var(--ink);font-size:16px}.password-field{display:flex;border:1px solid #bbc5d0;border-radius:8px;overflow:hidden}.auth-form .password-field input{border:0!important;border-radius:0!important}.password-toggle{border:0;background:#f2f5f8;font-size:12px;padding:0 12px;color:var(--ink)}.checkbox{display:flex;align-items:flex-start;gap:10px;margin-top:22px;font-size:12px;line-height:1.6}.checkbox input{margin:4px 0 0;width:17px;height:17px;flex-shrink:0;accent-color:var(--orange)}.checkbox a,.auth-switch a{color:var(--orange-text);text-underline-offset:3px}.form-submit{width:100%;margin-top:24px}.auth-switch{text-align:center;font-size:13px;margin-top:23px}.form-error{margin-top:20px;border:1px solid #e5b6b1;background:#fff2ef;color:#852c24;padding:12px;border-radius:8px;font-size:13px}.message-card{text-align:center;padding:44px}.message-card>.icon{width:40px;height:40px;margin-bottom:17px}.message-card h1{font-size:34px}.message-card p{margin-top:20px}.message-card .button{margin-top:24px}.message-card form{margin-top:24px}.message-card form .button{margin-top:0}.narrow h2{margin-top:28px}.narrow>p{line-height:1.7}.narrow>.button{margin-top:22px}
@media(max-width:760px){.auth-grid{gap:20px}.auth-story,.auth-form{padding:25px}.auth-story h1{font-size:28px}.auth-form h2{font-size:24px}.auth-section{padding-block:30px}}
@media(max-width:600px){.auth-grid{grid-template-columns:1fr}.auth-story{padding:25px}.auth-story h1{max-width:390px}.auth-story ul{display:none}.auth-story .note{font-size:11px}.auth-form{padding:25px}.message-card{padding:27px}.message-card h1{font-size:29px}}