body {
    background: #f4f4f4;
    font-family: 'Inter', sans-serif;
    color: #111;
}

.hero-card {
    background: rgba(255,255,255,0.7);
    backdrop-filter: blur(30px);
    border-radius: 40px;
    padding: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 20px 60px rgba(0,0,0,0.08);
}

.hero-right img {
    width: 420px;
    border-radius: 30px;
}

.btn-premium {
    background: #111;
    color: white;
    border: none;
    padding: 16px 28px;
    border-radius: 18px;
    font-weight: 600;
    transition: .3s ease;
}

.btn-premium:hover {
    transform: scale(1.05);
}


/* ========================================================= */
/* ==================== DROPDOWN MENU ====================== */
/* ========================================================= */

.custom-dropdown{

    background:#151515;

    border:1px solid rgba(255,255,255,.08);

    border-radius:20px;

    padding:10px;

    min-width:260px;

    backdrop-filter:blur(20px);

    box-shadow:0 20px 50px rgba(0,0,0,.35);

}

/* ================= DROPDOWN ITEMS ================= */

.custom-dropdown .dropdown-item{

    color:white;

    padding:14px 18px;

    border-radius:14px;

    transition:.3s;

    font-weight:500;

}

/* ================= HOVER EFFECT ================= */

.custom-dropdown .dropdown-item:hover{

    background:linear-gradient(135deg,#d6b176,#8d6a38);

    color:white;

    transform:translateX(5px);

}