/* site.auth.css
   สไตล์เฉพาะหน้า Login/Register (_LayoutCenterNoHeader.cshtml) — จุดสัมผัสแรกก่อนเข้า shell หลัก
   จึงใส่แบรนด์ (ม่วง+เหลือง) ได้เต็มที่กว่า _Layout.cshtml ซึ่งต้องคงความเป็นกลางไว้เพื่อการอ่านข้อมูลนาน ๆ
*/

.auth-brand-strip {
    height: 4px;
    background-color: var(--bs-brand-accent);
    flex-shrink: 0;
}

.auth-shell {
    background:
        radial-gradient(1100px circle at 8% -10%, rgba(var(--bs-brand-accent-rgb), .28), transparent 55%),
        radial-gradient(900px circle at 105% 105%, rgba(var(--bs-primary-rgb), .45), transparent 55%),
        linear-gradient(160deg, var(--bs-primary) 0%, #241042 100%);
    background-attachment: fixed;
}

.auth-shell .card {
    border-radius: 1rem;
}

.auth-shell .auth-footer {
    color: rgba(255, 255, 255, .75);
}

    .auth-shell .auth-footer a {
        color: rgba(255, 255, 255, .9);
    }

.auth-logo-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    background-color: var(--bs-brand-accent-bg-subtle);
    box-shadow: 0 0 0 4px rgba(var(--bs-brand-accent-rgb), .18);
}