.auth-card{width:min(550px,100% - 2rem);margin:clamp(1.5rem,6vw,4rem) auto 0;padding:clamp(var(--space-md),5vw,var(--space-xl)) clamp(var(--space-sm),6vw,var(--space-2xl));border:1px solid var(--primary-light-color);border-radius:var(--radius-md);background-color:#fff;box-shadow:var(--shadow-card);display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.auth-card header{width:100%;margin-bottom:var(--space-lg)}.auth-card header h1,.auth-card header h2{text-align:center;line-height:1.25;margin-top:0;margin-bottom:var(--space-2xs)}.auth-card header h2{font-size:1em;font-weight:400;color:var(--text-color)}.auth-card .error{color:tomato;text-align:center;width:100%;margin:var(--space-2xs) 0}.auth-card .success{color:var(--success-color, #28a745);text-align:center;width:100%;padding:var(--space-2xs);background-color:#d4edda;border-radius:var(--radius-sm);margin-bottom:var(--space-sm)}.auth-card p{line-height:1.5;width:100%}.auth-card p.text-center{text-align:center}.auth-card button[type=submit]{display:block;margin:var(--space-md) auto 0;min-width:min(220px,100%)}.auth-intro{font-size:clamp(1.4em,4vw,2em);max-width:min(720px,100% - 2rem);line-height:1.5;margin:clamp(1.5rem,4vw,2em) auto 0;padding:0 var(--space-sm);text-align:center}
