/**
 * Login pelanggan — override meta-flat-theme (load setelah theme)
 * Selaras check-bill.css pola post-theme
 */

.customer-portal-login-page.landing-page,
.customer-portal-login-page.check-page-body,
.cb-public-app-page.check-page-body {
    background:
        radial-gradient(ellipse 120% 55% at 50% -8%, rgba(74, 139, 201, 0.22) 0%, transparent 58%),
        linear-gradient(180deg, #e8f1fa 0%, #f4f8fc 38%, #fff 72%) !important;
}

.customer-portal-login-page .cpa-panel {
    background: linear-gradient(168deg, rgba(255, 255, 255, 0.97) 0%, rgba(244, 248, 252, 0.92) 100%) !important;
    border-color: rgba(30, 90, 168, 0.18) !important;
    border-radius: 20px !important;
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.8) inset,
        0 2px 8px rgba(12, 18, 32, 0.06),
        0 12px 32px rgba(30, 90, 168, 0.12) !important;
}

.customer-portal-login-page .cpa-btn--primary {
    background: linear-gradient(135deg, #1e5aa8 0%, #164578 100%) !important;
    border-radius: 12px !important;
    box-shadow: 0 6px 20px rgba(30, 90, 168, 0.22) !important;
}

.customer-portal-login-page .cpa-btn--primary:hover {
    background: linear-gradient(135deg, #2d6cb5 0%, #164578 100%) !important;
}

.customer-portal-login-page .cpa-eyebrow {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, #e8f1fa 100%) !important;
    color: #164578 !important;
    border-radius: 999px !important;
}

.customer-portal-login-page .topbar--public {
    background: rgba(255, 255, 255, 0.88) !important;
    border-bottom-color: rgba(181, 203, 227, 0.75) !important;
    box-shadow: 0 2px 12px rgba(30, 90, 168, 0.06) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}