.auth-wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:1.15rem;max-width:860px;margin:1.3rem auto 3rem;padding:.7rem 1.25rem}
.auth-intro{text-align:left;max-width:900px}
.auth-intro h1{font-size:clamp(2.05rem,3.5vw,2.8rem);line-height:1.12;margin:.4rem 0 .45rem}
.auth-intro>p{font-size:1rem;line-height:1.4;max-width:780px;color:#c9d6e4;margin:0}
.auth-points{display:flex;flex-wrap:wrap;gap:.4rem 1.3rem;margin-top:.75rem;color:#e4edf4;font:600 .8rem ui-sans-serif,system-ui,sans-serif}
.auth-points span:before{content:'✓';color:#f3c76a;margin-right:.55rem}
.auth-card{background:#f6f4ee;color:#1d2940;border-radius:16px;padding:1.35rem 1.6rem;box-shadow:0 15px 42px #020f255c}
.auth-card h2{font-size:1.6rem;margin:.3rem 0}.auth-card>p{line-height:1.35;color:#536075;margin:.25rem 0}
.auth-card form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem .9rem;align-items:start;margin-top:.85rem}.auth-card form:has(#name-field[hidden]){grid-template-columns:repeat(2,minmax(0,1fr))}
.auth-card form>div{min-width:0}.auth-card label{display:block;font-weight:700;margin:0 0 .3rem}
.auth-card input{width:100%;padding:.65rem .75rem;border:1px solid #afbac6;border-radius:8px;background:white;color:#17243b;font:inherit}
.auth-card input:focus{outline:3px solid #c8a256;outline-offset:1px}.auth-card small{display:block;color:#647185;margin-top:.4rem}
.auth-card .submit{grid-column:1/-1;justify-self:start;border:0;border-radius:8px;padding:.7rem 1.15rem;background:#bc913e;color:#17233b;font:inherit;font-weight:800;cursor:pointer}
.auth-card .submit:disabled{opacity:.6;cursor:wait}.auth-card .switch,.auth-card .reset{font-size:.87rem;margin:.65rem 0 0}
.auth-card .switch button{border:0;background:transparent;color:#76530f;text-decoration:underline;font:inherit;font-weight:700;cursor:pointer}.auth-card .reset a{color:#76530f}
.auth-card [role=alert]{grid-column:1/-1;color:#a62226;background:#fbe8e7;padding:.8rem;border-radius:8px;margin:0}
.social-options{margin:.9rem 0 .1rem;color:#536075;font:600 .83rem ui-sans-serif,system-ui,sans-serif}.social-options>div{display:flex;gap:.65rem;margin-top:.5rem}.social-options a{display:inline-block;padding:.55rem 1.15rem;border:1px solid #9daeb9;border-radius:8px;text-decoration:none;color:#223449;background:white;font-weight:700}.social-options a:hover{border-color:#bc913e;background:#fff9eb}
@media(max-width:760px){.auth-wrap{margin:1rem auto 2rem;gap:1rem}.auth-intro h1{font-size:2.2rem}.auth-card{padding:1.2rem}.auth-card form,.auth-card form:has(#name-field[hidden]){grid-template-columns:1fr}.auth-card .submit{width:100%}}