/* Madrasa background for the sign-in page: an eight-point star pattern in
   deep green and gold, drawn in CSS so no photo is needed. Loads after login.css. */
body.login-page.login-madrasa {
    background-color: #04261d;
    background-image:
        radial-gradient(ellipse at 50% -10%, rgba(214, 166, 64, .28), transparent 55%),
        radial-gradient(ellipse at 50% 110%, rgba(10, 166, 109, .35), transparent 60%),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23d6a640' stroke-opacity='.16' stroke-width='1.2'%3E%3Cpath d='M60 6l13 41 41 13-41 13-13 41-13-41L6 60l41-13z'/%3E%3Crect x='32' y='32' width='56' height='56' transform='rotate(45 60 60)'/%3E%3Ccircle cx='60' cy='60' r='12'/%3E%3C/g%3E%3C/svg%3E"),
        linear-gradient(160deg, #031c15 0%, #065f46 55%, #04261d 100%);
    background-size: auto, auto, 120px 120px, cover;
    background-attachment: fixed;
}
.login-madrasa .login-card-footer a { color: #0a7d5b; font-weight: 600; text-decoration: none; }
.login-madrasa .login-card-footer a:hover { text-decoration: underline; }