/* Custom font import for a clean, modern look */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

/* --- Theme Variables --- */
:root {
    --gold-accent: #FFD700; /* Vibrant Gold Accent */
    --dark-bg: #0A0A0A; /* Very Dark Background */
    --card-bg: #1A1A1A; /* Slightly Lighter Card Background */
    --text-color: #FFFFFF;
    --subtle-color: #A0A0A0;
}

/* --- Base Styles --- */
body {
    font-family: 'Inter', sans-serif;
    background-color: var(--dark-bg);
    color: var(--text-color);
    scroll-behavior: smooth;
}

/* --- Typography and Visual Effects --- */
.logo-text {
    color: var(--text-color);
    font-weight: 700;
}

.gradient-text {
    /* Text gradient for the main headline, simulating the gold accent */
    background: linear-gradient(90deg, var(--gold-accent) 0%, #FFEF60 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* --- Interactive Elements --- */
.gold-btn {
    /* Primary action button styling */
    background-color: var(--gold-accent);
    color: var(--dark-bg);
    transition: all 0.3s ease;
    box-shadow: 0 0 15px rgba(255, 215, 0, 0.4);
    font-weight: 700;
}

.gold-btn:hover:not(:disabled) {
    box-shadow: 0 0 25px rgba(255, 215, 0, 0.8);
    transform: translateY(-1px);
    opacity: 0.95;
}

.gold-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    box-shadow: none;
}

/* --- Animations --- */
.live-indicator {
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.7); }
    70% { box-shadow: 0 0 0 10px rgba(255, 215, 0, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255, 215, 0, 0); }
}