:root {
    /* Основные цвета */
    --color-primary: #FF0068;
    --color-primary-light: #FF3385;
    --color-primary-dark: #CC0053;
    --color-background: #18040D;
    --color-text: #fff;
    --color-text-secondary: #888;

    /* Тени и градиенты */
    --shadow-primary: 0 2px 10px rgba(255, 0, 104, 0.1);
    --shadow-button: 0 4px 15px rgba(255, 0, 104, 0.3);
    --shadow-button-hover: 0 10px 25px rgba(255, 0, 104, 0.4);
    --gradient-primary: linear-gradient(265deg, #00F0FF 0%, #6100FF 100%);
    --gradient-overlay: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);

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

    /* Градиенты для main секции */
    --main-bg-gradient: linear-gradient(180deg, #18040D 0%, #250714 100%);
    --main-border-gradient: linear-gradient(90deg, transparent, var(--main-accent), transparent);
    --main-title-gradient: linear-gradient(90deg, var(--main-title), rgba(255, 0, 104, 0.3));
    --main-glow-gradient: radial-gradient(circle at 20% 30%, rgba(255, 0, 104, 0.03) 0%, transparent 30%), 
                         radial-gradient(circle at 80% 70%, rgba(255, 0, 104, 0.03) 0%, transparent 30%);
    
    /* Основные цвета футера */
    --footer-bg: #18040D;
    --footer-border: rgba(255, 0, 104, 0.1);
    --footer-column-bg: rgba(255, 0, 104, 0.05);
    --footer-text: #e0e0e0;
    --footer-title: #FF0068;
    --footer-link: #FF0068;
    --payment-item-bg: rgba(255, 0, 104, 0.05);
    --payment-item-bg-hover: rgba(255, 0, 104, 0.1);
    --copyright-text: #999;
    --footer-bg-gradient: linear-gradient(to bottom, #18040D, #250714);
    --footer-border-gradient: linear-gradient(90deg, transparent, var(--footer-title), transparent);
    --footer-section-bg: var(--footer-column-bg);
    --footer-section-border: var(--footer-border);
    --footer-section-shadow: 0 10px 20px var(--footer-border);
    --footer-title-underline: linear-gradient(90deg, var(--footer-title), transparent);
    --footer-link-hover: #fff;
    --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 var(--footer-border);
    --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(--main-title);
    --banner-text: var(--main-text);
    --banner-text-opacity: 0.95;
    --banner-overlay: var(--opacity-background);
    --banner-overlay-gradient: linear-gradient(135deg, rgba(24, 4, 13, 0.95) 0%, rgba(24, 4, 13, 0.75) 100%);
    
    /* Элементы баннера */
    --banner-badge-bg: var(--main-highlight);
    --banner-badge-border: 1px solid var(--main-border);
    --banner-badge-text: var(--main-title);
    --banner-title-shadow: 0 2px 15px var(--main-shadow);
    --banner-title-underline: var(--main-title-gradient);
    
    /* Кнопки баннера */
    --banner-button-bg: #18040D;
    --banner-button-text: var(--color-text);
    --banner-button-gradient: linear-gradient(265deg, #00F0FF 0%, #6100FF 100%);
    --banner-button-shadow: 0 4px 20px var(--main-shadow);
    --banner-button-shadow-hover: 0 8px 30px var(--main-shadow);
    --banner-button-shine: var(--gradient-overlay);
    --banner-button-outline-text: var(--main-text);
    --banner-button-outline-border: 2px solid #FF0068;
    --banner-button-outline-hover: var(--main-highlight);
    
    /* Статистика баннера */
    --banner-stat-bg: var(--footer-column-bg);
    --banner-stat-border: var(--footer-border);
    --banner-stat-hover-bg: var(--payment-item-bg-hover);
    --banner-stat-shine: var(--gradient-overlay);
    --banner-stat-number: var(--main-title);
    --banner-stat-label: var(--main-text);
    --banner-stat-label-opacity: 0.85;
    
    /* Изображения баннера */
    --banner-image-border: 2px solid var(--main-border);
    --banner-image-shadow: 0 20px 40px rgba(0, 0, 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);
}