.auth-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start;padding:40px 0}.auth-intro{padding-top:28px}.auth-intro h1{font-size:clamp(2.1rem,4vw,3.2rem)}.auth-intro ul{padding-left:22px;margin:30px 0}.auth-intro li{margin:15px 0}.auth-card{background:#fffcf7;border:1px solid #153f4622;border-radius:24px;padding:clamp(24px,4vw,40px);box-shadow:0 14px 45px #153f4606}.auth-card h2{font-size:1.7rem;margin:0 0 8px}.auth-card>p{margin:8px 0 24px}.auth-form{margin-top:24px}.form-field{margin:0 0 22px}.form-field label{display:block;font-weight:650;margin-bottom:7px}.required-mark{color:#96503b}.form-field input{width:100%;border:1px solid #91a49a;border-radius:10px;background:white;color:var(--ink);padding:12px 14px;font:inherit;line-height:1.4;min-height:48px}.form-field input:focus-visible,.auth-submit:focus-visible,.text-button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.field-help{font-size:.82rem;color:#526c6b;margin-top:8px}.field-help ul{padding-left:20px;margin:8px 0}.field-invalid input{border-color:#a53e31}.field-errors,.form-errors{color:#923d2d;font-size:.88rem}.field-errors ul,.form-errors ul{padding-left:20px}.form-errors{background:#fff0e7;border:1px solid #d9a292;border-radius:10px;padding:8px 14px;margin-bottom:22px}.auth-submit{width:100%;font:inherit;font-weight:700;border:0;cursor:pointer;margin-top:0}.auth-switch{border-top:1px solid #153f461a;padding-top:22px;font-size:.92rem}.auth-single{max-width:560px;margin:45px auto}.auth-single h1{font-size:2.2rem}.account-summary{max-width:800px;margin:40px auto}.account-summary h1{font-size:2.5rem}.account-summary dd{overflow-wrap:anywhere}.account-next{background:#e9eee5;padding:24px;border-radius:16px;margin-top:30px}.account-next h2{font-size:1.2rem}.logout-form{margin-top:26px}.text-button{background:none;border:0;padding:0;color:var(--ink);text-decoration:underline;font:inherit;cursor:pointer}.header nav{font-size:.9rem;column-gap:14px}.nav-register{color:#92492e}@media(max-width:850px){.auth-layout{grid-template-columns:1fr;gap:24px;padding-top:20px}.auth-intro{padding:0}.auth-intro h1{max-width:650px}.auth-intro ul{margin:18px 0}.auth-single,.account-summary{margin:25px auto}}@media(max-width:480px){.auth-card{padding:22px}.account-summary .pet-facts>div{grid-template-columns:1fr;gap:4px}.header nav{font-size:.83rem;gap:12px}}
