:root {
    --gold: #D4AF37;
    --dark: #0A0A0B;
    --slate: #1C1C1E;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--dark);
    color: white;
}

.hero-overlay {
    background: radial-gradient(circle at top right, rgba(212, 175, 55, 0.08), transparent),
                radial-gradient(circle at bottom left, rgba(37, 99, 235, 0.05), transparent);
}

.nav-glass {
    background: rgba(10, 10, 11, 0.8);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.btn-premium {
    background: var(--gold);
    color: var(--dark);
    font-weight: 700;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.btn-premium:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(212, 175, 55, 0.2);
    filter: brightness(1.1);
}

.stat-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.05);
    transition: border 0.3s ease;
}

.stat-card:hover {
    border-color: var(--gold);
}