/* login.css — login page only (shared via style.css) */
.auth-hero{text-align:center;padding:56px 0 32px}
.auth-hero h1{font-size:clamp(2.2rem,5vw,3.4rem);font-weight:800;letter-spacing:-.02em}
.auth-card{background:#F7F4FD;border-radius:24px;padding:48px 44px;max-width:560px;margin:0 auto}
.auth-card h2{font-size:1.6rem;font-weight:600;text-align:center}
.auth-card .swap{text-align:center;font-size:.92rem;margin-top:.6rem}
.auth-card .swap a{color:var(--ec-purple-2);font-weight:600;margin-left:.4rem}
.auth-card label{display:block;font-size:.95rem;margin:1.4rem 0 .5rem}
.auth-card .form-control{border-radius:12px;padding:1rem 1.1rem;font-size:.9rem;border:1px solid var(--ec-line);background:#fff}
.auth-card .form-control:focus{border-color:var(--ec-purple-2);box-shadow:0 0 0 .2rem rgba(126,63,214,.12)}
.forgot{display:block;text-align:right;font-size:.88rem;color:var(--ec-purple-2);font-weight:500;margin-top:.8rem}
.btn-auth{display:block;width:100%;background:#7E3FD6;color:#fff;border:0;border-radius:100px;padding:.85rem;font-weight:600;margin-top:1.6rem}
.btn-auth:hover{background:#5C1FAF;color:#fff}
.auth-gap{height:120px}
@media(max-width:576px){.auth-card{padding:36px 22px}.auth-gap{height:70px}}