/* 
  блять я тут кодил стили всю ночь нахуй
  водки выпил 3 литра но все равно кодю сука
  если кто спиздит стили то убью блять
  
  это самый пиздатый сайт в инете сука!!! 
*/

/* ТЕЛО САЙТА - САМОЕ КРУТОЕ ТЕЛО В ИНЕТЕ!!!! */
body {
    margin: 0; /* БЕЗ ОТСТУПОВ!!!! */
    padding: 0; /* И БЕЗ ВНУТРЕННИХ ОТСТУПОВ ТОЖЕ!!!! */
    font-family: "Trebuchet MS", "Arial", "Verdana", sans-serif; /* ЛУЧШИЕ ШРИФТЫ 2005 ГОДА!!!! */
    font-size: 12px; /* РАЗМЕР КАК В ВИНДЕ XP!!!! */
    
    /* САМЫЙ КРУТОЙ ФОН С ГРАДИЕНТАМИ!!!! МАКС ПОСТАРАЛСЯ!!!! */
    background: #000033 url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7') repeat;
    background-image: 
        radial-gradient(circle at 25% 25%, #ff0066 0%, transparent 50%), /* РОЗОВЫЙ КРУЖОК СЛЕВА */
        radial-gradient(circle at 75% 75%, #0066ff 0%, transparent 50%), /* СИНИЙ КРУЖОК СПРАВА */
        linear-gradient(45deg, #000033 0%, #330066 50%, #000033 100%); /* ДИАГОНАЛЬНЫЙ ГРАДИЕНТ - ЭТО ТАК МОДНО!!!! */
        
    color: #ffffff; /* БЕЛЫЙ ТЕКСТ НА ТЕМНОМ ФОНЕ - КОНТРАСТ!!!! */
    overflow-x: auto; /* ЕСЛИ НЕ ПОМЕЩАЕТСЯ - ПРОКРУТКА!!!! */
}

/* БЕГУЩАЯ СТРОКА НАВЕРХУ - КАК В НОВОСТЯХ ПО ТВ!!!! МАКС ГЕНИЙ!!!! */
.header-banner {
    background: linear-gradient(90deg, #ff0066, #ff3399, #ff0066); /* РОЗОВЫЙ ГРАДИЕНТ ДЛЯ ПРИВЛЕЧЕНИЯ ВНИМАНИЯ!!!! */
    border: 2px solid #ffff00; /* ЖЕЛТАЯ РАМКА - ОЧЕНЬ ЯРКО!!!! */
    margin: 0; /* НА САМОМ ВЕРХУ БЕЗ ОТСТУПОВ!!!! */
    padding: 5px; /* ЧУТЬ-ЧУТЬ ВОЗДУХА ВНУТРИ!!!! */
    box-shadow: 0 0 10px #ff0066; /* СВЕЧЕНИЕ КАК У НЛО!!!! */
}

.header-banner marquee {
    font-weight: bold;
    color: #ffff00;
    text-shadow: 2px 2px 4px #000000;
    font-size: 14px;
}

/* Основной контейнер */
.container {
    max-width: 1024px;
    margin: 0 auto;
    background: linear-gradient(180deg, #000066 0%, #000033 50%, #660033 100%);
    border: 3px outset #666666;
    box-shadow: 0 0 20px #ff0066;
}

/* ГЛАВНЫЙ ЗАГОЛОВОК САЙТА - ЛОГОТИП И НАЗВАНИЕ!!!! ТОПЧИК!!!! */
.header {
    text-align: center; /* ВСЕ ПО ЦЕНТРУ КАК НА БУМАГЕ!!!! */
    padding: 20px; /* МНОГО МЕСТА ВОКРУГ - КРАСОТА!!!! */
    background: linear-gradient(45deg, #ff0066, #ff3399, #ff66cc, #ff0066); /* 4 ОТТЕНКА РОЗОВОГО!!!! МАКС ХУДОЖНИК!!!! */
    border-bottom: 5px double #ffff00; /* ДВОЙНАЯ ЖЕЛТАЯ ЛИНИЯ СНИЗУ - КАК В ВОРДЕ!!!! */
    position: relative; /* ДЛЯ ВСЯКИХ НАВОРОТОВ!!!! */
}

.site-title {
    font-size: 48px;
    color: #ffff00;
    text-shadow: 
        3px 3px 0px #ff0000,
        6px 6px 0px #000000,
        0 0 20px #ffff00,
        0 0 40px #ffff00;
    font-weight: bold;
    margin: 0;
    letter-spacing: 5px;
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.tagline {
    font-size: 18px;
    color: #ffff00;
    text-shadow: 2px 2px 4px #000000;
    margin: 10px 0;
    animation: glow 1.5s ease-in-out infinite alternate;
}

@keyframes glow {
    from { text-shadow: 2px 2px 4px #000000, 0 0 10px #ffff00; }
    to { text-shadow: 2px 2px 4px #000000, 0 0 20px #ffff00, 0 0 30px #ffff00; }
}

.warning {
    color: #ff0000;
    font-weight: bold;
    font-size: 14px;
    text-shadow: 1px 1px 2px #000000;
    border: 2px dashed #ff0000;
    padding: 5px;
    margin: 10px auto;
    width: fit-content;
    background: rgba(255, 255, 0, 0.2);
}

/* Боковые панели */
.sidebar {
    width: 180px;
    padding: 10px;
}

.menu-block, .counter-block, .online-block, .banner-block, .chat-block, .poll-block, .sponsors-block {
    border: 2px outset #666666;
    margin-bottom: 15px;
    padding: 10px;
    background: linear-gradient(135deg, #000066, #330066);
    box-shadow: inset 2px 2px 5px rgba(255, 255, 255, 0.2);
}

.menu-block h3, .counter-block h4, .online-block h4, .chat-block h4, .poll-block h4, .sponsors-block h4 {
    color: #ffff00;
    text-align: center;
    margin: 0 0 10px 0;
    text-shadow: 1px 1px 2px #000000;
    font-size: 12px;
}

.menu-block ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.menu-block li {
    margin: 5px 0;
}

.menu-block a {
    color: #00ffff;
    text-decoration: none;
    font-size: 11px;
    display: block;
    padding: 3px;
    border: 1px inset #666666;
    background: linear-gradient(90deg, #000033, #000066);
    text-align: center;
}

.menu-block a:hover {
    background: linear-gradient(90deg, #ff0066, #ff3399);
    color: #ffffff;
    text-shadow: 1px 1px 2px #000000;
}

/* Счетчик */
.counter {
    text-align: center;
    background: #000000;
    border: 2px inset #666666;
    padding: 5px;
    font-family: "Courier New", monospace;
    font-size: 18px;
    color: #00ff00;
}

.counter img {
    width: 15px;
    height: 20px;
    background: #00ff00;
    margin: 1px;
    border: 1px solid #000000;
}

/* Онлайн блок */
.blink-red {
    color: #ff0000;
    font-weight: bold;
    font-size: 16px;
    animation: blink 1s infinite;
}

@keyframes blink {
    0%, 50% { opacity: 1; }
    51%, 100% { opacity: 0; }
}

/* Основной контент */
.main-content {
    padding: 20px;
}

.content-block {
    background: linear-gradient(135deg, #000033, #000066);
    border: 2px inset #666666;
    padding: 20px;
    margin-bottom: 20px;
}

.content-block h2 {
    color: #ff3399;
    text-align: center;
    font-size: 24px;
    text-shadow: 2px 2px 4px #000000;
    margin-top: 0;
    animation: rainbow 3s linear infinite;
}

@keyframes rainbow {
    0% { color: #ff3399; }
    25% { color: #ff9933; }
    50% { color: #ffff33; }
    75% { color: #33ff99; }
    100% { color: #ff3399; }
}

/* Галерея фото */
.photo-gallery {
    text-align: center;
    margin: 20px 0;
}

.photo-item {
    text-align: center;
    border: 3px outset #666666;
    padding: 10px;
    background: linear-gradient(45deg, #330066, #660033);
    margin: 5px;
}

.photo-item img {
    border: 2px solid #ffff00;
    box-shadow: 0 0 10px #ff0066;
}

.photo-item p {
    margin: 5px 0;
    color: #ffffff;
}

.photo-item .blink {
    color: #ff0000;
    font-weight: bold;
    animation: blink 0.5s infinite;
}

.photo-item .hot {
    color: #ff6600;
    font-weight: bold;
    text-shadow: 1px 1px 2px #000000;
    animation: fire 1s ease-in-out infinite alternate;
}

@keyframes fire {
    from { color: #ff6600; text-shadow: 1px 1px 2px #000000, 0 0 5px #ff6600; }
    to { color: #ff0000; text-shadow: 1px 1px 2px #000000, 0 0 15px #ff0000; }
}

.photo-item .vip {
    color: #ffd700;
    font-weight: bold;
    text-shadow: 2px 2px 4px #000000;
    background: linear-gradient(45deg, #ff6600, #ffd700);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Промо блок */
.promo-block {
    border: 3px dashed #ff0066;
    padding: 15px;
    margin: 20px 0;
    background: rgba(255, 0, 102, 0.1);
    text-align: center;
}

.promo-block marquee {
    color: #ffff00;
    font-weight: bold;
    font-size: 16px;
    text-shadow: 2px 2px 4px #000000;
}

.promo-block ul {
    text-align: left;
    color: #00ffff;
}

/* Новости */
.news-block {
    border: 2px solid #666666;
    padding: 15px;
    margin: 20px 0;
    background: linear-gradient(180deg, #000033, #000066);
}

.news-block h3 {
    color: #ff9900;
    text-align: center;
    text-shadow: 2px 2px 4px #000000;
}

.news-block p {
    margin: 8px 0;
    color: #cccccc;
    font-size: 11px;
}

/* Чат */
.chat-messages {
    background: #000000;
    border: 2px inset #666666;
    padding: 10px;
    height: 100px;
    overflow-y: scroll;
    font-size: 10px;
    margin-bottom: 10px;
}

.chat-messages p {
    margin: 2px 0;
    color: #00ff00;
}

.chat-input {
    width: 100%;
    background: #000033;
    border: 1px inset #666666;
    color: #ffffff;
    padding: 3px;
    font-size: 10px;
}

/* Опрос */
.poll-block form {
    font-size: 10px;
}

.vote-btn {
    background: linear-gradient(90deg, #ff0066, #ff3399);
    color: #ffffff;
    border: 2px outset #666666;
    padding: 5px 10px;
    font-weight: bold;
    cursor: pointer;
    margin-top: 10px;
}

.vote-btn:hover {
    background: linear-gradient(90deg, #ff3399, #ff66cc);
}

/* Баннеры */
.banner {
    text-align: center;
    margin: 10px 0;
    border: 2px outset #666666;
    padding: 5px;
    background: linear-gradient(45deg, #ff0066, #0066ff);
    cursor: pointer;
}

.banner img {
    border: 1px solid #ffff00;
}

.banner .small {
    font-size: 9px;
    color: #ffff00;
    margin: 3px 0;
    font-weight: bold;
}

/* Нижний колонтитул */
.footer {
    text-align: center;
    padding: 20px;
    background: linear-gradient(180deg, #000033, #000000);
    border-top: 3px double #666666;
    font-size: 10px;
    color: #999999;
}

.footer a {
    color: #00ffff;
    text-decoration: none;
}

.footer a:hover {
    color: #ff0066;
    text-decoration: underline;
}

.counter-footer {
    color: #ffff00;
    font-weight: bold;
    margin-top: 10px;
}

/* Логотип */
.logo-container {
    text-align: center;
    margin-bottom: 10px;
}

.site-logo {
    max-width: 200px;
    height: auto;
    border: 3px solid #ffff00;
    box-shadow: 0 0 20px #ff0066;
}

/* СЕКЦИЯ ОПЛАТЫ ЭСКОРТНИЦ - МАКСИМ СДЕЛАЛ КРАСИВО!!! */
.payment-section {
    text-align: center; /* ПО ЦЕНТРУ КАК НАДО!!! */
    margin: 20px 0; /* ОТСТУПЫ НОРМАЛЬНЫЕ!!! */
    padding: 15px; /* ВОЗДУХА ХВАТАЕТ!!! */
    border: 3px dashed #ff0066; /* ПУНКТИРНАЯ РОЗОВАЯ РАМКА - СТИЛЬНО!!! */
    background: rgba(255, 0, 102, 0.2); /* ПОЛУПРОЗРАЧНЫЙ РОЗОВЫЙ ФОН!!! */
}

.payment-text {
    color: #ffff00; /* ЖЕЛТЫЙ ТЕКСТ - БРОСАЕТСЯ В ГЛАЗА!!! */
    font-size: 18px; /* БОЛЬШОЙ ШРИФТ - ЧИТАЕТСЯ ХОРОШО!!! */
    font-weight: bold; /* ЖИРНЫЙ ШРИФТ - ВАЖНОСТЬ!!! */
    text-shadow: 2px 2px 4px #000000; /* ТЕНЬ ЧЕРНАЯ - ОБЪЕМ!!! */
    margin: 10px 0; /* ОТСТУПЫ СВЕРХУ И СНИЗУ!!! */
}

.JVFHEUFIJER_BUTTON_HUYA {
    cursor: pointer; /* РУКА ПРИ НАВЕДЕНИИ!!! */
    border: 3px outset #666666; /* ОБЪЕМНАЯ РАМКА!!! */
    transition: all 0.3s; /* ПЛАВНЫЙ ПЕРЕХОД!!! */
    margin: 10px; /* ОТСТУПЫ ВОКРУГ!!! */
}

.JVFHEUFIJER_BUTTON_HUYA:hover {
    border: 3px inset #666666; /* ВПАЛАЯ РАМКА ПРИ НАВЕДЕНИИ!!! */
    box-shadow: 0 0 20px #ffff00; /* ЖЕЛТОЕ СВЕЧЕНИЕ!!! */
}

.payment-subtext {
    color: #ff9900;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0;
}

/* Дополнительные теги для фото */
.escort-tag {
    color: #ff0066;
    font-weight: bold;
    background: linear-gradient(45deg, #ffff00, #ff9900);
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 10px;
}

.price {
    color: #00ff00;
    font-weight: bold;
    font-size: 14px;
    text-shadow: 1px 1px 2px #000000;
}

.services {
    color: #ff6600;
    font-size: 10px;
    font-style: italic;
}

.services-list {
    text-align: left;
    color: #ffff00;
    margin: 10px 0;
}

.services-list li {
    margin: 5px 0;
    font-weight: bold;
}

.small-text {
    font-size: 10px;
    color: #ff9900;
    font-style: italic;
}

.disclaimer {
    font-size: 9px;
    color: #666666;
    margin: 5px 0;
}

/* Всплывающие окна */
.popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1000;
}

.popup-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(45deg, #ff0066, #ff3399);
    border: 5px outset #666666;
    padding: 30px;
    text-align: center;
    color: #ffffff;
    text-shadow: 2px 2px 4px #000000;
    box-shadow: 0 0 30px #ff0066;
    animation: popupBounce 0.5s ease-out;
}

@keyframes popupBounce {
    0% { transform: translate(-50%, -50%) scale(0.5); }
    50% { transform: translate(-50%, -50%) scale(1.1); }
    100% { transform: translate(-50%, -50%) scale(1); }
}

.popup-content button {
    background: linear-gradient(90deg, #ffff00, #ff9900);
    color: #000000;
    border: 3px outset #666666;
    padding: 10px 20px;
    margin: 10px 5px;
    font-weight: bold;
    cursor: pointer;
    font-size: 12px;
}

.popup-content button:hover {
    background: linear-gradient(90deg, #ff9900, #ffff00);
    box-shadow: 0 0 10px #ffff00;
}

/* Попап оплаты */
.payment-popup {
    background: linear-gradient(135deg, #000066, #660033);
    border: 5px solid #ffff00;
}

.payment-popup select {
    background: #000033;
    color: #ffffff;
    border: 2px inset #666666;
    padding: 5px;
    margin: 5px;
    font-family: inherit;
}

.payment-popup input[type="text"] {
    background: #000033;
    color: #ffffff;
    border: 2px inset #666666;
    padding: 5px;
    margin: 5px;
}

.payment-popup input[type="checkbox"] {
    margin-right: 10px;
}

/* стили для чата хуй знает зачем я их так назвал блять */
.PIZDETS_CHAT_BLOCK_SUPER {
    border: 2px outset #666666; /* ОБЪЕМНАЯ РАМКА!!! */
    margin-bottom: 15px; /* ОТСТУП СНИЗУ!!! */
    padding: 10px; /* ВОЗДУХ ВНУТРИ!!! */
    background: linear-gradient(135deg, #000066, #330066); /* ГРАДИЕНТ СИНИЙ-ФИОЛЕТОВЫЙ!!! */
    box-shadow: inset 2px 2px 5px rgba(255, 255, 255, 0.2); /* ВНУТРЕННЯЯ ТЕНЬ!!! */
}

.MESSAGES_CONTAINER_BLYAD {
    background: #000000; /* ЧЕРНЫЙ ФОН КАК В ТЕРМИНАЛЕ!!! */
    border: 2px inset #666666; /* ВПАЛАЯ РАМКА!!! */
    padding: 10px; /* ОТСТУПЫ ВНУТРИ!!! */
    height: 120px; /* ВЫСОТА ФИКСИРОВАННАЯ!!! */
    overflow-y: scroll; /* ПРОКРУТКА ВЕРТИКАЛЬНАЯ!!! */
    font-size: 10px; /* МЕЛКИЙ ШРИФТ!!! */
    margin-bottom: 10px; /* ОТСТУП СНИЗУ!!! */
}

.SOOBSHENIE_PIZDEC_CLASS {
    margin: 2px 0; /* МАЛЕНЬКИЕ ОТСТУПЫ!!! */
    color: #00ff00; /* ЗЕЛЕНЫЙ ТЕКСТ КАК В МАТРИЦЕ!!! */
    font-family: "Courier New", monospace; /* МОНОШИРИННЫЙ ШРИФТ!!! */
}

.INPUT_CONTAINER_HUYA {
    display: flex; /* ФЛЕКС КОНТЕЙНЕР!!! */
    gap: 5px; /* ПРОМЕЖУТОК МЕЖДУ ЭЛЕМЕНТАМИ!!! */
}

.BLYAD_INPUT_FIELD {
    flex: 1; /* РАСТЯГИВАЕТСЯ НА ВСЮ ШИРИНУ!!! */
    background: #000033; /* ТЕМНО-СИНИЙ ФОН!!! */
    border: 1px inset #666666; /* ВПАЛАЯ РАМКА!!! */
    color: #ffffff; /* БЕЛЫЙ ТЕКСТ!!! */
    padding: 3px; /* НЕБОЛЬШИЕ ОТСТУПЫ!!! */
    font-size: 10px; /* МЕЛКИЙ ШРИФТ!!! */
    font-family: inherit; /* НАСЛЕДУЕМ ШРИФТ!!! */
}

.SEND_BUTTON_BLYAD_CLASS {
    background: linear-gradient(90deg, #ff0066, #ff3399); /* РОЗОВЫЙ ГРАДИЕНТ!!! */
    color: #ffffff; /* БЕЛЫЙ ТЕКСТ!!! */
    border: 2px outset #666666; /* ОБЪЕМНАЯ РАМКА!!! */
    padding: 3px 8px; /* ОТСТУПЫ ВНУТРИ!!! */
    font-weight: bold; /* ЖИРНЫЙ ШРИФТ!!! */
    cursor: pointer; /* РУКА ПРИ НАВЕДЕНИИ!!! */
    font-size: 9px; /* ОЧЕНЬ МЕЛКИЙ ШРИФТ!!! */
}

.SEND_BUTTON_BLYAD_CLASS:hover {
    background: linear-gradient(90deg, #ff3399, #ff66cc); /* СВЕТЛЕЕ ПРИ НАВЕДЕНИИ!!! */
}

/* СТИЛИ ДЛЯ МИГАЮЩИХ ДЕВОЧЕК ОНЛАЙН!!! */
.ANTON_JORA_ONLINE_BLOCK {
    border: 2px outset #666666; /* ОБЪЕМНАЯ РАМКА!!! */
    margin-bottom: 15px; /* ОТСТУП СНИЗУ!!! */
    padding: 10px; /* ВОЗДУХ ВНУТРИ!!! */
    background: linear-gradient(135deg, #000066, #330066); /* ГРАДИЕНТ!!! */
    box-shadow: inset 2px 2px 5px rgba(255, 255, 255, 0.2); /* ВНУТРЕННЯЯ ТЕНЬ!!! */
}

.ELYTRO_MIGANIE_DEVOK_CLASS {
    color: #ff0000; /* КРАСНЫЙ ЦВЕТ!!! */
    font-weight: bold; /* ЖИРНЫЙ ШРИФТ!!! */
    font-size: 16px; /* БОЛЬШОЙ РАЗМЕР!!! */
    animation: blink 1s infinite; /* МИГАЕТ ПОСТОЯННО!!! */
}

.ERJOGHEP_SMALL_TEXT_BLYAD {
    font-size: 10px; /* МЕЛКИЙ ТЕКСТ!!! */
    color: #ff9900; /* ОРАНЖЕВЫЙ ЦВЕТ!!! */
    font-style: italic; /* КУРСИВ!!! */
}

/* стили для звонков блять хуй знает как делал */
.CALL_DIALOG_CLASS {
    position: fixed; /* фиксированный диалог блять */
    top: 50%; /* по центру экрана */
    left: 50%; /* по центру экрана */
    transform: translate(-50%, -50%); /* центрирование */
    z-index: 100000; /* поверх всех нахуй */
    width: 400px; /* ширина диалога */
    height: 250px; /* высота диалога */
}

.CALL_CONTENT_CLASS {
    background: linear-gradient(45deg, #000066, #660000, #006600); /* тройной градиент ебать */
    border: 5px outset #666666; /* толстая рамка */
    padding: 20px; /* много воздуха */
    text-align: center; /* по центру все */
    box-shadow: 0 0 50px #ff0066; /* розовое свечение */
    color: #ffffff; /* белый текст */
    text-shadow: 2px 2px 4px #000000; /* тень текста */
    animation: pulse 1s infinite; /* пульсация блять */
}

.CALL_CONTENT_CLASS h3 {
    color: #ffff00; /* желтый заголовок */
    font-size: 20px; /* большой шрифт */
    text-shadow: 3px 3px 6px #000000; /* жирная тень */
    animation: glow 2s infinite; /* светящийся эффект */
}

.HANG_UP_BUTTON_CLASS {
    background: linear-gradient(45deg, #ff0000, #cc0000); /* красный градиент */
    color: #ffffff; /* белый текст */
    border: 3px outset #666666; /* объемная рамка */
    padding: 10px 20px; /* отступы */
    font-weight: bold; /* жирный шрифт */
    font-size: 14px; /* размер шрифта */
    cursor: pointer; /* курсор pointer */
    margin-top: 15px; /* отступ сверху */
    text-shadow: 1px 1px 2px #000000; /* тень текста */
    box-shadow: 0 0 10px #ff0000; /* красное свечение */
}

.HANG_UP_BUTTON_CLASS:hover {
    background: linear-gradient(45deg, #cc0000, #990000); /* темнее при наведении */
    transform: scale(1.1); /* увеличение при наведении */
}

.CALL_BUTTON_SUKA {
    background: linear-gradient(45deg, #00ff00, #66ff66); /* зеленый градиент */
    color: #000000; /* черный текст */
    border: 3px outset #666666; /* объемная рамка */
    padding: 8px 15px; /* отступы */
    font-weight: bold; /* жирный шрифт */
    font-size: 12px; /* размер шрифта */
    cursor: pointer; /* курсор pointer */
    margin-top: 10px; /* отступ сверху */
    text-shadow: 1px 1px 2px #ffffff; /* белая тень текста */
    box-shadow: 0 0 8px #00ff00; /* зеленое свечение */
    animation: pulse 2s infinite; /* пульсация */
}

.CALL_BUTTON_SUKA:hover {
    background: linear-gradient(45deg, #66ff66, #99ff99); /* светлее при наведении */
    transform: scale(1.05); /* небольшое увеличение */
}

/* стили для банеров реклама блять хуй знает как делал */
.BANNER_CONTAINER_PIZDETS {
    border: 2px outset #666666; /* объемная рамка */
    padding: 10px; /* отступы */
    background: linear-gradient(90deg, #330066, #660033); /* фиолетово-красный градиент */
    box-shadow: 0 0 15px #ff0066; /* розовое свечение */
}

.BANNER_BLYAD {
    text-align: center; /* по центру все */
    margin-bottom: 10px; /* отступ снизу */
    border: 1px solid #ffff00; /* желтая рамка */
    padding: 5px; /* внутренние отступы */
    background: rgba(255, 255, 0, 0.1); /* полупрозрачный желтый фон */
}

.BANNER_TEXT_SUKA {
    color: #ffff00; /* желтый текст */
    font-weight: bold; /* жирный шрифт */
    font-size: 12px; /* размер шрифта */
    text-shadow: 2px 2px 4px #000000; /* черная тень */
    animation: blink 1s infinite; /* мигание */
}

.BANNER_FLASH_TEXT {
    color: #ff0066; /* розовый текст */
    font-weight: bold; /* жирный шрифт */
    font-size: 14px; /* больший размер */
    text-shadow: 3px 3px 6px #000000; /* жирная тень */
    animation: glow 1.5s infinite; /* светящийся эффект */
}

.BANNER_SMALL_TEXT {
    color: #ffffff; /* белый текст */
    font-size: 10px; /* мелкий шрифт */
    text-shadow: 1px 1px 2px #000000; /* тень */
}

.BANNER_BUTTON_HUYA {
    background: linear-gradient(45deg, #ff6600, #ff9900); /* оранжевый градиент */
    color: #ffffff; /* белый текст */
    border: 2px outset #666666; /* объемная рамка */
    padding: 5px 10px; /* отступы */
    font-weight: bold; /* жирный шрифт */
    font-size: 10px; /* размер шрифта */
    cursor: pointer; /* курсор pointer */
    margin-top: 5px; /* отступ сверху */
    text-shadow: 1px 1px 2px #000000; /* тень текста */
    box-shadow: 0 0 5px #ff6600; /* оранжевое свечение */
    animation: pulse 1.5s infinite; /* пульсация */
}

.BANNER_BUTTON_HUYA:hover {
    background: linear-gradient(45deg, #ff9900, #ffcc00); /* светлее при наведении */
    transform: scale(1.1); /* увеличение при наведении */
}

/* УВЕДОМЛЕНИЯ ОТ ДЕВОЧЕК!!! МАКСИМ ПРИДУМАЛ СУПЕР ФИЧУ!!! */
.JVFHEUFIJER_NOTIFICATION_PIZDETS {
    position: fixed; /* ФИКСИРОВАННАЯ ПОЗИЦИЯ!!! */
    bottom: 20px; /* СНИЗУ 20 ПИКСЕЛЕЙ!!! */
    right: 20px; /* СПРАВА 20 ПИКСЕЛЕЙ!!! */
    z-index: 50000; /* САМЫЙ ВЕРХНИЙ СЛОЙ!!! */
    width: 300px; /* ШИРИНА ФИКСИРОВАННАЯ!!! */
    animation: slideInFromRight 0.5s ease-out; /* АНИМАЦИЯ ПОЯВЛЕНИЯ!!! */
}

@keyframes slideInFromRight {
    0% { transform: translateX(100%); opacity: 0; } /* НАЧИНАЕМ СПРАВА!!! */
    100% { transform: translateX(0); opacity: 1; } /* ЗАКАНЧИВАЕМ НА МЕСТЕ!!! */
}

.NOTIFICATION_CONTENT_HUYA {
    background: linear-gradient(45deg, #ff0066, #ff3399, #ff66cc); /* ТРОЙНОЙ РОЗОВЫЙ ГРАДИЕНТ!!! */
    border: 5px outset #666666; /* ТОЛСТАЯ ОБЪЕМНАЯ РАМКА!!! */
    padding: 15px; /* МНОГО ВОЗДУХА!!! */
    box-shadow: 0 0 30px #ff0066; /* РОЗОВОЕ СВЕЧЕНИЕ!!! */
    display: flex; /* ФЛЕКС КОНТЕЙНЕР!!! */
    gap: 10px; /* ПРОМЕЖУТОК МЕЖДУ ЭЛЕМЕНТАМИ!!! */
    color: #ffffff; /* БЕЛЫЙ ТЕКСТ!!! */
    text-shadow: 2px 2px 4px #000000; /* ЧЕРНАЯ ТЕНЬ ТЕКСТА!!! */
}

.AVATAR_BLYAD_CLASS {
    width: 50px; /* ШИРИНА АВАТАРКИ!!! */
    height: 50px; /* ВЫСОТА АВАТАРКИ!!! */
    border: 2px solid #ffff00; /* ЖЕЛТАЯ РАМКА!!! */
    border-radius: 50%; /* КРУГЛАЯ ФОРМА!!! */
    flex-shrink: 0; /* НЕ СЖИМАЕТСЯ!!! */
}

.TEXT_NOTIFICATION_SUKA {
    flex: 1; /* РАСТЯГИВАЕТСЯ!!! */
    font-size: 11px; /* НЕБОЛЬШОЙ ШРИФТ!!! */
}

.TEXT_NOTIFICATION_SUKA p {
    margin: 5px 0; /* МАЛЕНЬКИЕ ОТСТУПЫ!!! */
}

.CLOSE_BUTTON_PIZDETS {
    background: linear-gradient(90deg, #ffff00, #ff9900); /* ЖЕЛТО-ОРАНЖЕВЫЙ ГРАДИЕНТ!!! */
    color: #000000; /* ЧЕРНЫЙ ТЕКСТ!!! */
    border: 2px outset #666666; /* ОБЪЕМНАЯ РАМКА!!! */
    padding: 5px 10px; /* ОТСТУПЫ ВНУТРИ!!! */
    margin: 5px 3px; /* ОТСТУПЫ СНАРУЖИ!!! */
    font-weight: bold; /* ЖИРНЫЙ ШРИФТ!!! */
    cursor: pointer; /* РУКА ПРИ НАВЕДЕНИИ!!! */
    font-size: 10px; /* МЕЛКИЙ ШРИФТ!!! */
}

.CLOSE_BUTTON_PIZDETS:hover {
    background: linear-gradient(90deg, #ff9900, #ffff00); /* ОБРАТНЫЙ ГРАДИЕНТ!!! */
    box-shadow: 0 0 10px #ffff00; /* ЖЕЛТОЕ СВЕЧЕНИЕ!!! */
}

.IGNORE_BUTTON_BLYAD {
    background: linear-gradient(90deg, #666666, #999999); /* СЕРЫЙ ГРАДИЕНТ!!! */
    color: #ffffff; /* БЕЛЫЙ ТЕКСТ!!! */
    border: 2px outset #666666; /* ОБЪЕМНАЯ РАМКА!!! */
    padding: 5px 10px; /* ОТСТУПЫ ВНУТРИ!!! */
    margin: 5px 3px; /* ОТСТУПЫ СНАРУЖИ!!! */
    font-weight: bold; /* ЖИРНЫЙ ШРИФТ!!! */
    cursor: pointer; /* РУКА ПРИ НАВЕДЕНИИ!!! */
    font-size: 10px; /* МЕЛКИЙ ШРИФТ!!! */
}

.IGNORE_BUTTON_BLYAD:hover {
    background: linear-gradient(90deg, #999999, #666666); /* ОБРАТНЫЙ СЕРЫЙ ГРАДИЕНТ!!! */
}

/* УЖАСНЫЕ КЛАССЫ ДЛЯ КНОПОК ПОПАПОВ!!! */
.POPUP_BUTTON_HUYA_CLASS {
    background: linear-gradient(90deg, #ffff00, #ff9900); /* ЖЕЛТО-ОРАНЖЕВЫЙ ГРАДИЕНТ!!! */
    color: #000000; /* ЧЕРНЫЙ ТЕКСТ!!! */
    border: 3px outset #666666; /* ТОЛСТАЯ ОБЪЕМНАЯ РАМКА!!! */
    padding: 10px 20px; /* БОЛЬШИЕ ОТСТУПЫ!!! */
    margin: 10px 5px; /* ОТСТУПЫ СНАРУЖИ!!! */
    font-weight: bold; /* ЖИРНЫЙ ШРИФТ!!! */
    cursor: pointer; /* РУКА ПРИ НАВЕДЕНИИ!!! */
    font-size: 12px; /* НОРМАЛЬНЫЙ РАЗМЕР!!! */
    text-transform: uppercase; /* ВСЕ ЗАГЛАВНЫЕ!!! */
}

.POPUP_BUTTON_HUYA_CLASS:hover {
    background: linear-gradient(90deg, #ff9900, #ffff00); /* ОБРАТНЫЙ ГРАДИЕНТ!!! */
    box-shadow: 0 0 10px #ffff00; /* ЖЕЛТОЕ СВЕЧЕНИЕ!!! */
    transform: scale(1.05); /* УВЕЛИЧЕНИЕ ПРИ НАВЕДЕНИИ!!! */
}

.CLOSE_POPUP_BLYAD_CLASS {
    background: linear-gradient(90deg, #666666, #999999); /* СЕРЫЙ ГРАДИЕНТ!!! */
    color: #ffffff; /* БЕЛЫЙ ТЕКСТ!!! */
    border: 3px outset #666666; /* ОБЪЕМНАЯ РАМКА!!! */
    padding: 8px 15px; /* ОТСТУПЫ ПОМЕНЬШЕ!!! */
    margin: 10px 5px; /* ОТСТУПЫ СНАРУЖИ!!! */
    font-weight: bold; /* ЖИРНЫЙ ШРИФТ!!! */
    cursor: pointer; /* РУКА ПРИ НАВЕДЕНИИ!!! */
    font-size: 11px; /* ЧУТЬ МЕНЬШЕ!!! */
}

.CLOSE_POPUP_BLYAD_CLASS:hover {
    background: linear-gradient(90deg, #999999, #cccccc); /* СВЕТЛЕЕ ПРИ НАВЕДЕНИИ!!! */
}

/* КНОПКИ ПЛАТЕЖНОЙ ФОРМЫ!!! */
.PAYMENT_ORDER_BUTTON_SUKA {
    background: linear-gradient(90deg, #00ff00, #66ff66); /* ЗЕЛЕНЫЙ ГРАДИЕНТ!!! */
    color: #000000; /* ЧЕРНЫЙ ТЕКСТ!!! */
    border: 3px outset #666666; /* ОБЪЕМНАЯ РАМКА!!! */
    padding: 10px 20px; /* БОЛЬШИЕ ОТСТУПЫ!!! */
    margin: 10px 5px; /* ОТСТУПЫ СНАРУЖИ!!! */
    font-weight: bold; /* ЖИРНЫЙ ШРИФТ!!! */
    cursor: pointer; /* РУКА ПРИ НАВЕДЕНИИ!!! */
    font-size: 14px; /* БОЛЬШОЙ РАЗМЕР!!! */
    text-transform: uppercase; /* ВСЕ ЗАГЛАВНЫЕ!!! */
}

.PAYMENT_ORDER_BUTTON_SUKA:hover {
    background: linear-gradient(90deg, #66ff66, #00ff00); /* ОБРАТНЫЙ ЗЕЛЕНЫЙ ГРАДИЕНТ!!! */
    box-shadow: 0 0 15px #00ff00; /* ЗЕЛЕНОЕ СВЕЧЕНИЕ!!! */
    animation: pulse 0.5s ease-in-out; /* ПУЛЬСАЦИЯ!!! */
}

.PAYMENT_CANCEL_BUTTON_BLYAD {
    background: linear-gradient(90deg, #ff0000, #ff6666); /* КРАСНЫЙ ГРАДИЕНТ!!! */
    color: #ffffff; /* БЕЛЫЙ ТЕКСТ!!! */
    border: 3px outset #666666; /* ОБЪЕМНАЯ РАМКА!!! */
    padding: 8px 15px; /* ОТСТУПЫ ПОМЕНЬШЕ!!! */
    margin: 10px 5px; /* ОТСТУПЫ СНАРУЖИ!!! */
    font-weight: bold; /* ЖИРНЫЙ ШРИФТ!!! */
    cursor: pointer; /* РУКА ПРИ НАВЕДЕНИИ!!! */
    font-size: 12px; /* ЧУТЬ МЕНЬШЕ!!! */
}

.PAYMENT_CANCEL_BUTTON_BLYAD:hover {
    background: linear-gradient(90deg, #ff6666, #ff9999); /* СВЕТЛЕЕ ПРИ НАВЕДЕНИИ!!! */
}

/* СТИЛИ ДЛЯ КНОПКИ МУЗЫКИ!!! */
.MUSIC_BUTTON_PIZDEC_CLASS {
    border-radius: 10px; /* ЗАКРУГЛЕННЫЕ УГЛЫ!!! */
    box-shadow: 0 0 20px #ff0066; /* РОЗОВОЕ СВЕЧЕНИЕ!!! */
    font-family: "Comic Sans MS", cursive; /* КОМИКСОВЫЙ ШРИФТ!!! */
}

/* Мигающий текст */
blink, .blink {
    animation: blink 1s infinite;
}

/* Дополнительные олдовые эффекты */
table {
    border-collapse: separate;
    border-spacing: 0;
}

input[type="text"] {
    background: #000033;
    border: 2px inset #666666;
    color: #ffffff;
    font-family: inherit;
}

input[type="radio"] {
    margin-right: 5px;
}

/* Скроллбар в стиле 2005 */
::-webkit-scrollbar {
    width: 16px;
}

::-webkit-scrollbar-track {
    background: #333333;
    border: 2px inset #666666;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(45deg, #666666, #999999);
    border: 2px outset #666666;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(45deg, #999999, #cccccc);
}

/* Адаптивность (но с сохранением олдового вида) */
@media (max-width: 800px) {
    .container {
        margin: 0;
        border: none;
    }
    
    table {
        width: 100% !important;
    }
    
    .sidebar {
        width: 150px;
    }
    
    .site-title {
        font-size: 32px;
    }
}

/* Дополнительные анимации */
@keyframes sparkle {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.3; transform: scale(1.2); }
}

.sparkle {
    animation: sparkle 2s infinite;
}