/* ─────── ACLEDA-STYLE SUBTLE BACKGROUND PATTERN ─────── */
    .acleda-background-pattern {
        position: fixed;
        top: 0; left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        background-color: #fafafa;
        background-image: 
            repeating-linear-gradient(
                -45deg,
                rgba(229, 195, 81, 0.08),   /* Very soft gold stripe */
                rgba(229, 195, 81, 0.08) 2px,
                transparent 2px,
                transparent 90px
            );
        pointer-events: none;
    }

    /* ─────── MAIN PAGE STYLE (Clean & Professional) ─────── */
    body {
        font-family: 'Battambang', 'Noto Sans SC', system-ui, sans-serif;
        background: #ffffff;                     /* Pure white over the pattern */
        min-height: 100vh;
        color: #1e293b;
        position: relative;
    }

    .card {
        background: white;
        border-radius: 2rem;
        box-shadow: 0 20px 45px rgba(0, 0, 0, 0.1);
        border: 1px solid rgba(59, 130, 246, 0.12);
        overflow: hidden;
        transition: all 0.4s ease;
    }

    .card:hover {
        transform: translateY(-12px);
        box-shadow: 0 35px 70px rgba(0, 0, 0, 0.18);
    }

    /* ─────── PRIMARY BUTTON (Brighter & More Visible) ─────── */
    .btn-primary {
        background: linear-gradient(135deg, #3b82f6, #1d4ed8);
        color: white;
        font-weight: 700;
        font-size: 1.25rem;
        padding: 1.25rem;
        border-radius: 1.5rem;
        position: relative;
        overflow: hidden;
        box-shadow: 0 12px 30px rgba(59, 130, 246, 0.45);
        transition: all 0.35s ease;
    }

    .btn-primary:hover {
        transform: translateY(-6px) scale(1.03);
        box-shadow: 0 20px 40px rgba(59, 130, 246, 0.55);
    }

    .btn-primary::before {
        content: '';
        position: absolute;
        top: 0; left: -100%;
        width: 100%; height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
        transition: left 0.7s;
    }

    .btn-primary:hover::before {
        left: 100%;
    }

    /* Better input focus */
    input:focus {
        outline: none !important;
        border-color: #3b82f6 !important;
        box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.2);
    }