:root {
    /* Основные цвета бренда */
    --color-primary: #FFD600;
    --color-primary-light: #FFE566;
    --color-primary-dark: #CCAB00;
    --color-background: #010100;
    --color-text: #FFFFFF;
    --color-text-secondary: #7C6800;

    /* Дополнительные цвета */
    --color-dark: #0E0C00;
    --color-darker: #1D1900;
    --color-accent: #4D4000;
    --color-accent-light: #625802;
    --color-accent-dark: #262000;

    /* Градиенты */
    --gradient-primary: linear-gradient(90deg, #ff00e5 0%, #ff008a 100%);
    --gradient-overlay: linear-gradient(90deg, transparent, rgba(255, 214, 0, 0.2), transparent);
    --gradient-dark: linear-gradient(180deg, #010100 0%, #0E0C00 100%);
    --gradient-accent: linear-gradient(45deg, var(--color-accent), var(--color-accent-light));

    /* Тени */
    --shadow-primary: 0 2px 10px rgba(255, 214, 0, 0.1);
    --shadow-button: 0 4px 15px rgba(255, 214, 0, 0.3);
    --shadow-button-hover: 0 10px 25px rgba(255, 214, 0, 0.4);

    /* Прозрачность */
    --opacity-background: rgba(1, 1, 0, 0.9);
    --opacity-payment: rgba(255, 214, 0, 0.05);
    --opacity-payment-hover: rgba(255, 214, 0, 0.1);
    --opacity-border: rgba(255, 214, 0, 0.1);
    
    /* Цвета для header */
    --header-bg: linear-gradient(180deg, rgba(1, 1, 0, 0.98), rgba(14, 12, 0, 0.95));
    --header-bg-blur: rgba(1, 1, 0, 0.95);
    --header-bg-gradient: linear-gradient(135deg, rgba(1, 1, 0, 0.98) 0%, rgba(14, 12, 0, 0.95) 100%);
    --header-border: linear-gradient(90deg, transparent, var(--color-primary), transparent);
    --header-border-opacity: 0.15;
    --header-shadow: 0 4px 30px rgba(255, 214, 0, 0.1);
    
    /* Логотип header */
    --header-logo-bg: var(--color-darker);
    --header-logo-border: 1px solid var(--color-primary);
    --header-logo-shadow: 0 0 10px rgba(255, 214, 0, 0.2);
    --header-logo-hover-bg: rgba(255, 214, 0, 0.1);
    --header-logo-hover-shadow: 0 8px 25px rgba(255, 214, 0, 0.3);
    
    /* Кнопки header */
    --header-btn-solid-bg: var(--color-darker);
    --header-btn-solid-color: var(--color-primary);
    --header-btn-solid-shadow: 0 4px 15px rgba(255, 214, 0, 0.2);
    --header-btn-solid-hover-shadow: 0 6px 20px rgba(255, 214, 0, 0.3);
    
    --header-btn-outline-bg: transparent;
    --header-btn-outline-color: var(--color-primary);
    --header-btn-outline-border: 2px solid var(--color-primary);
    --header-btn-outline-hover-bg: var(--color-darker);
    
    /* Эффекты header */
    --header-glow: radial-gradient(circle at 20% 20%, rgba(255, 214, 0, 0.2) 0%, transparent 50%);
    --header-shine: linear-gradient(45deg, transparent, rgba(255, 214, 0, 0.1), transparent);
    --header-hover-transform: translateY(-2px);
    
    /* Основные цвета для main секции */
    --main-bg: var(--color-background);
    --main-text: var(--color-text);
    --main-title: var(--color-primary);
    --main-accent: var(--color-primary);
    --main-border: rgba(255, 214, 0, 0.1);
    --main-shadow: rgba(255, 214, 0, 0.2);
    --main-hover: var(--color-primary);
    --main-highlight: rgba(255, 214, 0, 0.15);

    /* Градиенты для main секции */
    --main-bg-gradient: var(--gradient-dark);
    --main-border-gradient: linear-gradient(90deg, transparent, var(--color-primary), transparent);
    --main-title-gradient: linear-gradient(90deg, var(--color-primary), rgba(255, 214, 0, 0.3));
    --main-glow-gradient: radial-gradient(circle at 20% 30%, rgba(255, 214, 0, 0.03) 0%, transparent 30%), 
                         radial-gradient(circle at 80% 70%, rgba(255, 214, 0, 0.03) 0%, transparent 30%);
    
    /* Основные цвета футера */
    --footer-bg: var(--color-dark);
    --footer-border: rgba(255, 214, 0, 0.1);
    --footer-column-bg: rgba(255, 214, 0, 0.05);
    --footer-text: var(--color-text);
    --footer-title: var(--color-primary);
    --footer-link: var(--color-primary);
    --payment-item-bg: rgba(255, 214, 0, 0.05);
    --payment-item-bg-hover: rgba(255, 214, 0, 0.1);
    --copyright-text: var(--color-text-secondary);
    --footer-bg-gradient: var(--gradient-dark);
    --footer-border-gradient: linear-gradient(90deg, transparent, var(--color-primary), transparent);
    --footer-section-bg: var(--footer-column-bg);
    --footer-section-border: var(--footer-border);
    --footer-section-shadow: 0 10px 20px rgba(255, 214, 0, 0.1);
    --footer-title-underline: linear-gradient(90deg, var(--color-primary), transparent);
    --footer-link-hover: var(--color-primary);
    --payment-option-bg: var(--payment-item-bg);
    --payment-option-border: var(--footer-border);
    --payment-option-bg-hover: var(--payment-item-bg-hover);
    --payment-option-shadow: 0 5px 15px rgba(255, 214, 0, 0.1);
    --payment-icon-filter: grayscale(100%) brightness(0.8);
    --payment-icon-filter-hover: grayscale(0%) brightness(1);
    --footer-legal-text: var(--copyright-text);
    --footer-legal-border: var(--footer-border-gradient);

    /* Основные цвета для баннеров */
    --banner-title: var(--color-primary);
    --banner-text: var(--color-text);
    --banner-text-opacity: 0.95;
    --banner-overlay: var(--opacity-background);
    --banner-overlay-gradient: linear-gradient(135deg, rgba(1, 1, 0, 0.95) 0%, rgba(14, 12, 0, 0.75) 100%);
    
    /* Элементы баннера */
    --banner-badge-bg: var(--color-darker);
    --banner-badge-border: 1px solid var(--color-primary);
    --banner-badge-text: var(--color-primary);
    --banner-title-shadow: 0 2px 15px rgba(255, 214, 0, 0.2);
    --banner-title-underline: var(--main-title-gradient);
    
    /* Кнопки баннера */
    --banner-button-bg: var(--gradient-primary);
    --banner-button-text: var(--color-text);
    --banner-button-gradient: var(--gradient-primary);
    --banner-button-shadow: 0 4px 20px rgba(255, 0, 229, 0.3);
    --banner-button-shadow-hover: 0 8px 30px rgba(255, 0, 229, 0.4);
    --banner-button-shine: var(--gradient-overlay);
    --banner-button-outline-text: var(--color-primary);
    --banner-button-outline-border: 2px solid var(--color-primary);
    --banner-button-outline-hover: var(--color-darker);
    
    /* Статистика баннера */
    --banner-stat-bg: var(--color-darker);
    --banner-stat-border: var(--color-primary);
    --banner-stat-hover-bg: var(--color-accent);
    --banner-stat-shine: var(--gradient-overlay);
    --banner-stat-number: var(--color-primary);
    --banner-stat-label: var(--color-text);
    --banner-stat-label-opacity: 0.85;
    
    /* Изображения баннера */
    --banner-image-border: 2px solid var(--color-primary);
    --banner-image-shadow: 0 20px 40px rgba(1, 1, 0, 0.4);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a {
    text-decoration: none;
}

body {
    font-family: 'Montserrat', sans-serif;
    background: var(--color-background);
    color: var(--color-text);
}