/* ========================================
   style.css - Kalkulator for Prudential Landing Page
   ======================================== */
   
   /* CSS Kustom dengan prefiks pd- agar aman dan tidak bentrok dengan kode lain */
        .pd-calc-root {
            font-family: 'Plus Jakarta Sans', sans-serif;
            background-color: #f1f5f9;
            color: #ffffff;
            box-sizing: border-box;
        }
        .pd-calc-root *, .pd-calc-root *::before, .pd-calc-root *::after {
            box-sizing: border-box;
        }
        /* Kartu Kalkulator Utama (Warna Merah sesuai sampel) */
        .pd-calc-card {
            background-color: #e31b42;
            box-shadow: 0 20px 25px -5px rgba(227, 27, 66, 0.25), 0 10px 10px -5px rgba(227, 27, 66, 0.15);
        }
        /* Tombol Pilihan (Gender & Perokok) */
        .pd-option-btn {
            background-color: rgba(255, 255, 255, 0.1);
            border: 1px solid rgba(255, 255, 255, 0.2);
            color: #ffffff;
        }
        /* Status Aktif Tombol Pilihan */
        .pd-option-btn.pd-active {
            background-color: #ffffff;
            border-color: #ffffff;
            color: #e31b42;
            font-weight: 700;
        }