/* General Body Styles */
body {
    font-family: 'Inter', sans-serif;
    /* Dark background for a premium feel */
    background-color: #0d0d0d;
    color: #e0e0e0;
}

/* Hero Gradient Background (used in index.html, index_adult.html, my-bentbucks.html, funding.html) */
.hero-gradient {
    background: linear-gradient(135deg, rgba(26, 26, 26, 0.7) 0%, rgba(23, 38, 87, 0.7) 50%, rgba(26, 26, 26, 0.7) 100%), url('https://bentpro-public.s3.us-east-1.amazonaws.com/images/bentpro_building.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Specific hero-gradient for funding.html and index_adult.html (without image overlay) */
.hero-gradient-no-image { /* Added a new class for clarity */
    /* UPDATED: Dark purple center changed to a dark cyan */
    background: linear-gradient(135deg, #1a1a1a 0%, #0891b2 50%, #1a1a1a 100%);
}


/* Primary Button Styles (converted from @apply for CDN compatibility) */
.btn-primary {
  background-color: #0ea5e9; /* A bright sky blue */
  color: white;
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  font-weight: 600;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  transition: background-color 0.3s ease;
}

.btn-primary:hover {
  background-color: #0284c7; /* A slightly darker blue for hover */
}

/* Secondary Button Styles (converted from @apply for CDN compatibility) */
.btn-secondary {
    background-color: #4b5563; /* bg-gray-700 */
    color: #ffffff; /* text-white */
    font-weight: 600; /* font-semibold */
    padding: 0.75rem 2rem; /* py-3 px-8 */
    border-radius: 0.5rem; /* rounded-full */
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-lg */
    transition-property: all; /* transition-all */
    transition-duration: 300ms; /* duration-300 */
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); /* ease-in-out */
    transform: scale(1); /* initial transform */
}
.btn-secondary:hover {
    background-color: #374151; /* hover:bg-gray-600 */
    transform: scale(1.05); /* hover:scale-105 */
}

/* Payment Option Card Styles (from funding.html) */
.payment-option-card {
    background-color: #1f2937; /* bg-gray-900 */
    padding: 1.5rem; /* p-6 */
    border-radius: 0.75rem; /* rounded-xl */
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); /* shadow-lg */
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    cursor: pointer;
    transition-property: all; /* transition-all */
    transition-duration: 300ms; /* duration-300 */
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); /* ease-in-out */
    transform: scale(1); /* initial transform */
    border: 1px solid transparent; /* border border-transparent */
}
.payment-option-card:hover {
    transform: scale(1.05); /* hover:scale-105 */
    /* UPDATED: Purple hover background changed to Cyan */
    background-color: rgba(14, 116, 144, 0.5); /* Replaced purple with cyan opacity */
    /* UPDATED: Purple border changed to Cyan */
    border-color: #06b6d4; /* Replaced purple with cyan */
}
.payment-option-card.selected {
    /* UPDATED: Purple border changed to a brighter Cyan */
    border-color: #22d3ee; /* Replaced purple with cyan */
    /* UPDATED: Purple selected background changed to Cyan */
    background-color: rgba(14, 116, 144, 0.7); /* Replaced purple with cyan opacity */
    transform: scale(1.05); /* scale-105 */
}

/* Side menu specific styles (from contact.html, faq.html, identity-verification.html, privacy-policy.html, terms.html) */
.side-menu {
    transition: transform 0.3s ease-in-out;
}
.side-menu.hidden {
    transform: translateX(100%);
}
.side-menu.flex {
    transform: translateX(0);
}
.overlay {
    transition: opacity 0.3s ease-in-out;
}
.overlay.hidden {
    opacity: 0;
    pointer-events: none; /* Allows clicks to pass through when hidden */
}
.overlay.block {
    opacity: 0.5;
    pointer-events: auto;
}