/* ==============================================
   ⚡ AURORA GAMING PLATFORM v6.0
   Premium Neon Cyberpunk Design System
   ============================================== */

/* Дизайн-токены - Премиум система */
:root {
    /* Поверхности (казино-тематика) */
    --a819-ed7b133b0: #141b45;
    --a819-2bb29130a: #121e2b;
    --a819-b0c61d648: #132742;
    --a819-77eb8a061: rgba(38,32,61,0.95);
    --a819-830bed841: rgba(20,25,80,0.92);
    
    /* Бренд */
    --a819-a6986a164: #5f67d8;
    --a819-65653db91: #566bd7;
    --a819-ad010c81c: #5d77cf;
    --a819-cc3faaadd: #24c5b2;
    --a819-847067248: #fe7155;
    --a819-58da6648d: #34c1b1;
    --a819-a02fcd76f: hsl(240,75%,57%);
    
    /* Контент */
    --a819-50682443a: #e5e0ea;
    --a819-143ca22c5: rgba(229,224,234,0.95);
    --a819-7a7ef61e2: rgba(229,224,234,0.75);
    --a819-c56aa8117: rgba(229,224,234,0.5);
    --a819-daacfc62f: rgba(229,224,234,0.25);
    
    /* RGB */
    --a819-e3600c329: 159,230,83;
    --a819-a17e32ca6: 67, 23, 36;
    
    /* Статусы (казино-тематика) */
    --a819-a9f6eb6c8: #29c2af;
    --a819-8b8f8e585: rgba(199,234,242,0.5);
    --a819-a75b06488: #2ac1ae;
    --a819-6925acc67: rgba(169,113,255,0.5);
    --a819-cd9b751dd: #2dbdb1;
    --a819-dbde9a52f: rgba(41,198,177,0.5);
    --a819-c4875b122: #5f67d8;
    --a819-9cc62ed67: #566bd7;
    --a819-7546d6007: #5d77cf;
    --a819-44a9be546: rgba(255,99,98,0.6);
    
    /* Градиенты (казино-тематика) */
    --a819-c4c250ed4: linear-gradient(165deg, var(--a819-ed7b133b0) 0%, var(--a819-2bb29130a) 30%, var(--a819-b0c61d648) 100%);
    --a819-44e518fd3: linear-gradient(135deg, #5f67d8 0%, #566bd7 100%);
    --a819-e2151fa42: radial-gradient(circle at 30% 30%, #5f67d8, #566bd7, #5f67d8);
    --a819-72a0fc00a: linear-gradient(45deg, #5f67d8 0%, #566bd7 25%, #5f67d8 50%, #566bd7 75%, #5f67d8 100%);
    --a819-a8a0426dd: conic-gradient(from 180deg at 50% 50%, #5f67d8 0deg, #2ac1ae 120deg, #5f67d8 240deg, #5f67d8 360deg);
    --a819-ab6814cef: radial-gradient(at 20% 80%, rgba(var(--a819-e3600c329), 0.18) 0%, transparent 50%), 
                 radial-gradient(at 80% 20%, rgba(var(--a819-e3600c329), 0.15) 0%, transparent 50%),
                 radial-gradient(at 50% 50%, rgba(var(--a819-e3600c329), 0.1) 0%, transparent 60%);
    --a819-fff317639: linear-gradient(135deg, #5f67d8 0%, #2ac1ae 50%, #5f67d8 100%);
    --a819-7dd2a9272: linear-gradient(135deg, #5f67d8 0%, #5d77cf 50%, #566bd7 100%);
    
    /* Glass (казино-тематика) */
    --a819-e60e2a24b: rgba(var(--a819-e3600c329), 0.05);
    --a819-3ed7c38e2: rgba(var(--a819-e3600c329), 0.1);
    --a819-ae9092738: rgba(var(--a819-e3600c329), 0.15);
    --a819-fd95e7b95: rgba(var(--a819-e3600c329), 0.2);
    --a819-7086a761b: rgba(var(--a819-e3600c329), 0.6);
    --a819-71c2e8090: 20px;
    --a819-87ad0e7af: 32px;
    
    /* Тени и свечение */
    --a819-6cb0bc1f4: 0 2px 10px rgba(23,42,66,0.25);
    --a819-239c87793: 0 8px 30px rgba(23,42,66,0.35);
    --a819-4a964b8c0: 0 16px 50px rgba(23,42,66,0.45);
    --a819-d1d97ce31: 0 24px 70px rgba(23,42,66,0.55);
    --a819-87dab6b9e: inset 0 1px 0 rgba(229,224,234,0.08), inset 0 -1px 0 rgba(23,42,66,0.2);
    --a819-e41079662: 0 0 20px rgba(var(--a819-e3600c329), 0.35);
    --a819-7ea23ca4c: 0 0 40px rgba(var(--a819-e3600c329), 0.5);
    --a819-e47b5137e: 0 0 60px rgba(var(--a819-e3600c329), 0.65);
    --a819-e252af283: 0 0 100px rgba(var(--a819-e3600c329), 0.5);
    --a819-b48ca6103: 0 0 30px rgba(var(--a819-e3600c329), 0.8);
    
    /* Пространство */
    --a819-60c537ffa: 4px;
    --a819-d2777f460: 8px;
    --a819-c762e8181: 12px;
    --a819-8d49215ea: 16px;
    --a819-a6a2f6ef4: 24px;
    --a819-ae9155a98: 32px;
    --a819-349a164d3: 48px;
    --a819-06cbf4332: 64px;
    --a819-64d0e960b: 96px;
    --a819-48fa1e25a: 128px;
    
    /* Скругления */
    --a819-989dc451a: 6px;
    --a819-443f60a57: 10px;
    --a819-82542bcf1: 14px;
    --a819-a9ffdb459: 20px;
    --a819-af5f277d4: 28px;
    --a819-5597c95e1: 40px;
    --a819-742ac563b: 9999px;
    
    /* Шрифты */
    --a819-08b1c74d9: 'Eras Demi ITC', 'Arial Narrow', sans-serif;
    --a819-b00ab2cdb: Yu Gothic UI, 'Trebuchet MS', sans-serif;
    --a819-e3b43cc95: 'Yu Gothic UI', Yu Gothic UI, monospace;
    
    /* Анимации */
    --a819-d9f14620f: 0.3s cubic-bezier(0.33, 1, 0.68, 1);
    --a819-f6faa9fab: 0.4s cubic-bezier(0.65, 0, 0.35, 1);
    --a819-cdecc368e: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
    --a819-fbfbac3f3: 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    --a819-8669a5c25: 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    
    /* Z-индексы */
    --a819-e1d0c7c90: 1;
    --a819-fe8daac0f: 100;
    --a819-cfd5deebc: 200;
    --a819-a8033c54e: 300;
    --a819-85d853e6e: 400;
    --a819-e2f1de17a: 500;
    --a819-2c8043ab1: 600;
    --a819-a4ef6f66d: 9999;
}

/* ==============================================
   THEME VARIANTS (t1..a819-923e1020d)
   ============================================== */

/* t1 — базовый неоновый киберпанк (по умолчанию) */

/* t2 — Тёмный минимализм */
body.a819-b19fed643 {
    --a819-ed7b133b0: #212031;
    --a819-2bb29130a: #212031;
    --a819-b0c61d648: #212031;
    --a819-77eb8a061: rgba(30,20,46,0.98);
    --a819-830bed841: rgba(30,20,46,0.98);
    --a819-cc3faaadd: #b371fc;
    --a819-50682443a: #c8e5e5;
    --a819-143ca22c5: #d4e9f8;
    --a819-7a7ef61e2: #d0e9e4;
    --a819-08b1c74d9: 'Eras Demi ITC', 'Arial Narrow', sans-serif;
    --a819-b00ab2cdb: Yu Gothic UI, 'Trebuchet MS', sans-serif;
}

/* t3 — Глянцевый стекло‑эффект */
body.a819-ae930433d {
    --a819-ed7b133b0: #212031;
    --a819-b0c61d648: rgba(30,20,46,0.85);
    --a819-77eb8a061: rgba(30,20,46,0.92);
    --a819-830bed841: rgba(30,20,46,0.96);
    --a819-e60e2a24b: radial-gradient(circle at top left, rgba(229,224,234,0.18), rgba(30,20,46,0.95));
    --a819-3ed7c38e2: radial-gradient(circle at top left, rgba(229,224,234,0.26), rgba(30,20,46,0.98));
    --a819-fd95e7b95: rgba(229,224,234,0.18);
    --a819-7086a761b: rgba(229,224,234,0.38);
}

/* t4 — Лёгкая светлая тема */
body.a819-155329f5d {
    --a819-ed7b133b0: #d4e9f8;
    --a819-2bb29130a: #e5e0ea;
    --a819-b0c61d648: #e5e0ea;
    --a819-77eb8a061: #e5e0ea;
    --a819-830bed841: #e5e0ea;
    --a819-50682443a: #121e2b;
    --a819-143ca22c5: #212031;
    --a819-7a7ef61e2: #f96e58;
    --a819-c56aa8117: #eae5f3;
    --a819-daacfc62f: #d6e5ed;
    --a819-cc3faaadd: #eae5f3;
    --a819-239c87793: 0 12px 30px rgba(30,20,46,0.12);
    --a819-4a964b8c0: 0 16px 40px rgba(30,20,46,0.15);
}

/* t5 — Ретро‑терминал */
body.a819-e5d58d914 {
    --a819-ed7b133b0: #1d282d;
    --a819-2bb29130a: #1d282d;
    --a819-b0c61d648: #212031;
    --a819-77eb8a061: #212031;
    --a819-830bed841: #212031;
    --a819-a6986a164: #2ac1ae;
    --a819-65653db91: #33bdab;
    --a819-ad010c81c: #c9d3eb;
    --a819-cc3faaadd: #d3e4f2;
    --a819-50682443a: #d4e9f8;
    --a819-143ca22c5: #d4e9f8;
    --a819-7a7ef61e2: #2bbea6;
    --a819-c56aa8117: #e5f2f5;
    --a819-daacfc62f: #dae1f5;
    --a819-08b1c74d9: 'Eras Demi ITC', 'Arial Narrow', sans-serif;
    --a819-b00ab2cdb: Yu Gothic UI, 'Trebuchet MS', sans-serif;
    --a819-d9f14620f: 0.18s linear;
    --a819-f6faa9fab: 0.22s linear;
}

/* ==============================================
   RESET & BASE
   ============================================== */

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

html {
    scroll-behavior: smooth;
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    scroll-padding-top: 100px;
}

body {
    font-family:"Yu Gothic UI","Trebuchet MS",sans-serif;
    background: linear-gradient(135deg, var(--a819-2bb29130a) 0%, var(--a819-b0c61d648) 50%, #121e2b 100%);
    color: var(--a819-50682443a);
    line-height: 1.75;
    min-height: 100vh;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

::selection {
    background: rgba(var(--a819-e3600c329), 0.4);
    color: var(--a819-143ca22c5);
}

/* Скроллбар */
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-track {
    background: var(--a819-2bb29130a);
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, var(--a819-a6986a164) 0%, #2ac1ae 100%);
    border-radius: var(--a819-742ac563b);
    border: 3px solid var(--a819-2bb29130a);
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #2ac1ae 0%, var(--a819-a6986a164) 100%);
}

/* Links */
a {
    color: var(--a819-a6986a164);
    text-decoration: none;
    transition: var(--a819-d9f14620f);
}

a:hover {
    color: var(--a819-847067248);
    text-shadow: var(--a819-b48ca6103);
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Container */
.a819-ddf639eee {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 var(--a819-ae9155a98);
}

@media (max-width: 768px) {
    .a819-ddf639eee {
        padding: 0 var(--a819-a6a2f6ef4);
    }
}

/* ==============================================
   АТМОСФЕРНЫЕ ЭФФЕКТЫ
   ============================================== */

.a819-9076c8772 {
    position: fixed;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: -1;
}

.a819-9076c8772::before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--a819-ab6814cef);
    opacity: 0.9;
}

.a819-9076c8772::after {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--a819-a8a0426dd);
    opacity: 0.05;
    filter: blur(100px);
    animation: a819-946023f60 30s ease-in-out infinite;
}

@keyframes a819-946023f60 {
    0%, 100% { transform: rotate(0deg) scale(1); opacity: 0.05; }
    50% { transform: rotate(180deg) scale(1.2); opacity: 0.08; }
}

.a819-fb6e73111 {
    position: absolute;
    border-radius: 50%;
    filter: blur(100px);
    opacity: 0.3;
    animation: a819-bddd1f46a 25s ease-in-out infinite;
}

.a819-b5152b99f {
    width: 600px;
    height: 600px;
    background: conic-gradient(from 45deg, var(--a819-a6986a164), var(--a819-847067248), var(--a819-a02fcd76f), var(--a819-a6986a164));
    top: -200px;
    right: -100px;
}

.a819-4eee2264f {
    width: 500px;
    height: 500px;
    background: conic-gradient(from 180deg, #24c5b2, var(--a819-a6986a164), var(--a819-a02fcd76f), #24c5b2);
    bottom: -150px;
    left: -150px;
    animation-delay: -12s;
}

.a819-7a081c049 {
    width: 350px;
    height: 350px;
    background: radial-gradient(circle, var(--a819-847067248) 0%, transparent 70%);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: a819-478bae210 15s ease-in-out infinite;
    opacity: 0.2;
}

@keyframes a819-bddd1f46a {
    0%, 100% { transform: translate(0, 0) rotate(0deg) scale(1); }
    25% { transform: translate(40px, -40px) rotate(90deg) scale(1.05); }
    50% { transform: translate(-30px, 30px) rotate(180deg) scale(0.95); }
    75% { transform: translate(-40px, -30px) rotate(270deg) scale(1.03); }
}

@keyframes a819-478bae210 {
    0%, 100% { opacity: 0.2; transform: translate(-50%, -50%) scale(1); }
    50% { opacity: 0.35; transform: translate(-50%, -50%) scale(1.4); }
}

.a819-916b1ae2e {
    position: absolute;
    inset: 0;
    background-image: 
        linear-gradient(rgba(var(--a819-e3600c329), 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(var(--a819-e3600c329), 0.03) 1px, transparent 1px);
    background-size: 60px 60px;
    mask-image: radial-gradient(ellipse 80% 60% at 50% 50%, #0d1840 40%, transparent 100%);
    -webkit-mask-image: radial-gradient(ellipse 80% 60% at 50% 50%, #0d1840 40%, transparent 100%);
    animation: a819-857f0f0e4 20s ease-in-out infinite;
}

@keyframes a819-857f0f0e4 {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.6; }
}

/* ==============================================
   HEADER - Premium Design
   ============================================== */

/* ===== APPLE-STYLE HEADER ===== */
.a819-9a9f5bd01 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: rgba(23,42,66,0.85);
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    border-bottom: 1px solid rgba(229,224,234,0.08);
    transition: background 0.35s ease, border-color 0.35s ease, padding 0.35s ease;
}

.a819-9a9f5bd01::before,
.a819-9a9f5bd01::after {
    display: none;
}

.a819-9a9f5bd01.a819-5937e1233 {
    background: rgba(23,42,66,0.45);
    border-bottom-color: rgba(229,224,234,0.04);
}

.a819-759bda2b2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    max-width: 1440px;
    margin: 0 auto;
    padding: 10px 24px;
    transition: padding 0.35s ease;
}

.a819-9a9f5bd01.a819-5937e1233 .a819-759bda2b2 {
    padding: 4px 24px;
    justify-content: center;
}

.a819-90a5c8233 {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    position: relative;
    transition: opacity 0.35s ease, max-width 0.35s ease, margin 0.35s ease;
    overflow: hidden;
    max-width: 200px;
}

.a819-9a9f5bd01.a819-5937e1233 .a819-90a5c8233 {
    opacity: 0;
    max-width: 0;
    margin: 0;
    pointer-events: none;
}

.a819-6bd0fc462 {
    height: 55px;
    width: auto;
    object-fit: contain;
    transition: var(--a819-d9f14620f);
    filter: drop-shadow(0 0 10px rgba(var(--a819-e3600c329), 0.3));
}

.a819-6bd0fc462:hover {
    transform: scale(1.08);
    filter: drop-shadow(0 0 25px rgba(var(--a819-e3600c329), 0.6));
}

/* Navigation */
/* ===== APPLE-STYLE NAVIGATION - 12 КНОПОК ===== */
.a819-6a9bd38ab {
    flex: 1;
    display: flex;
    justify-content: center;
}

.a819-1fbf99308 {
    display: flex;
    align-items: center;
    gap: 2px;
    list-style: none;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    justify-content: center;
}

.a819-9a9f5bd01.a819-5937e1233 .a819-1fbf99308 {
    flex-wrap: nowrap;
}

.a819-1fbf99308 li {
    flex-shrink: 0;
}

.a819-2f43e809a {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 6px 10px;
    color: #d4e9f8;
    font-size: 11px;
    font-weight: 400;
    text-decoration: none;
    #d6e4fb-space: nowrap;
    transition: color 0.2s ease, opacity 0.2s ease, background 0.2s ease;
    opacity: 0.8;
    border-radius: 6px;
}

.a819-2f43e809a:hover {
    opacity: 1;
    color: var(--a819-a6986a164);
    background: rgba(255,99,98,0.08);
}

.a819-2f43e809a.a819-f634efa1c {
    opacity: 1;
    color: var(--a819-a6986a164);
}

.a819-9a9f5bd01.a819-5937e1233 .a819-2f43e809a {
    padding: 5px 8px;
    font-size: 11px;
}

.a819-767286134 {
    font-size: 12px;
    flex-shrink: 0;
}

/* Header Actions */
.a819-84157cbb4 {
    display: flex;
    gap: var(--a819-8d49215ea);
    flex-shrink: 0;
    transition: opacity 0.35s ease, max-width 0.35s ease, margin 0.35s ease;
    overflow: hidden;
    max-width: 300px;
}

.a819-9a9f5bd01.a819-5937e1233 .a819-84157cbb4 {
    opacity: 0;
    max-width: 0;
    margin: 0;
    pointer-events: none;
}

/* Mobile Menu */
.a819-21d410f4f {
    display: none;
    width: 50px;
    height: 50px;
    background: var(--a819-e60e2a24b);
    border: 1px solid var(--a819-fd95e7b95);
    border-radius: var(--a819-82542bcf1);
    cursor: pointer;
    position: relative;
    transition: var(--a819-d9f14620f);
}

.a819-21d410f4f:hover {
    background: var(--a819-3ed7c38e2);
    border-color: var(--a819-a6986a164);
}

.a819-8294835ea {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 2px;
    background: var(--a819-50682443a);
    transition: var(--a819-d9f14620f);
}

.a819-8294835ea::before,
.a819-8294835ea::after {
    content: '';
    position: absolute;
    width: 24px;
    height: 2px;
    background: var(--a819-50682443a);
    transition: var(--a819-d9f14620f);
}

.a819-8294835ea::before { top: -8px; }
.a819-8294835ea::after { bottom: -8px; }

.a819-21d410f4f.a819-f634efa1c .a819-8294835ea {
    background: transparent;
}

.a819-21d410f4f.a819-f634efa1c .a819-8294835ea::before {
    top: 0;
    transform: rotate(45deg);
    background: var(--a819-a6986a164);
}

.a819-21d410f4f.a819-f634efa1c .a819-8294835ea::after {
    bottom: 0;
    transform: rotate(-45deg);
    background: var(--a819-a6986a164);
}

@media (max-width: 1400px) {
    .a819-2f43e809a {
        padding: 5px 8px;
        font-size: 11px;
    }
    .a819-767286134 {
        font-size: 12px;
    }
}

@media (max-width: 1200px) {
    .a819-2f43e809a {
        padding: 5px 7px;
        font-size: 10px;
        gap: 3px;
    }
    .a819-767286134 {
        font-size: 11px;
    }
}

@media (max-width: 1024px) {
    .a819-6a9bd38ab { display: none; }
    .a819-21d410f4f { display: flex; }
    .a819-84157cbb4 { display: none; }
}

/* Mobile Navigation */
.a819-b839954c5 {
    position: fixed;
    top: 90px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(var(--a819-a17e32ca6), 0.98);
    backdrop-filter: blur(var(--a819-87ad0e7af));
    z-index: var(--a819-a8033c54e);
    padding: var(--a819-ae9155a98);
    display: flex;
    flex-direction: column;
    gap: var(--a819-a6a2f6ef4);
    transform: translateX(100%);
    opacity: 0;
    transition: var(--a819-d9f14620f);
}

.a819-b839954c5.a819-f634efa1c {
    transform: translateX(0);
    opacity: 1;
}

.a819-71a8769a4 {
    display: flex;
    align-items: center;
    gap: var(--a819-8d49215ea);
    padding: var(--a819-a6a2f6ef4) var(--a819-ae9155a98);
    color: var(--a819-50682443a);
    font-size: 18px;
    font-weight: 600;
    border-radius: var(--a819-82542bcf1);
    background: var(--a819-e60e2a24b);
    border: 1px solid var(--a819-fd95e7b95);
    transition: var(--a819-d9f14620f);
}

.a819-71a8769a4:hover,
.a819-71a8769a4.a819-f634efa1c {
    background: var(--a819-44e518fd3);
    border-color: var(--a819-a6986a164);
    box-shadow: var(--a819-7ea23ca4c);
    color: var(--a819-143ca22c5);
}

.a819-2f50e1c3a {
    margin-top: auto;
    padding-top: var(--a819-ae9155a98);
    border-top: 1px solid var(--a819-fd95e7b95);
}

/* ==============================================
   BUTTONS - Premium CTA
   ============================================== */

.a819-84cf53a53 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--a819-c762e8181);
    padding: var(--a819-8d49215ea) var(--a819-ae9155a98);
    font-family:"Yu Gothic UI","Trebuchet MS",sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    border: none;
    border-radius: var(--a819-82542bcf1);
    cursor: pointer;
    transition: var(--a819-d9f14620f);
    position: relative;
    overflow: hidden;
    #d6e4fb-space: nowrap;
}

.a819-84cf53a53::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(229,224,234,0.3) 0%, transparent 40%, transparent 60%, rgba(229,224,234,0.15) 100%);
    opacity: 0;
    transition: var(--a819-d9f14620f);
}

.a819-84cf53a53::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(229,224,234,0.25), transparent);
    transition: 0.5s;
}

.a819-84cf53a53:hover::before {
    opacity: 1;
}

.a819-84cf53a53:hover::after {
    left: 100%;
}

.a819-43e41d0a3 {
    background: var(--a819-44e518fd3);
    color: var(--a819-143ca22c5);
    box-shadow: var(--a819-7ea23ca4c), var(--a819-87dab6b9e);
    border: 1px solid rgba(229,224,234,0.15);
}

.a819-43e41d0a3:hover {
    transform: translateY(-4px) scale(1.02);
    box-shadow: var(--a819-e47b5137e), var(--a819-4a964b8c0);
}

.a819-43e41d0a3:active {
    transform: translateY(-2px) scale(0.98);
}

.a819-9fa1d1873 {
    background: var(--a819-e60e2a24b);
    color: var(--a819-a6986a164);
    border: 2px solid var(--a819-a6986a164);
    backdrop-filter: blur(10px);
}

.a819-9fa1d1873:hover {
    background: var(--a819-a6986a164);
    color: var(--a819-2bb29130a);
    transform: translateY(-4px);
    box-shadow: var(--a819-7ea23ca4c);
}

.a819-f914cb033 {
    background: var(--a819-fff317639);
    color: var(--a819-2bb29130a);
    font-size: 16px;
    padding: var(--a819-a6a2f6ef4) var(--a819-349a164d3);
    animation: a819-459b971bd 2s ease-in-out infinite;
}

@keyframes a819-459b971bd {
    0%, 100% { box-shadow: var(--a819-7ea23ca4c), 0 0 30px var(--a819-8b8f8e585); }
    50% { box-shadow: var(--a819-e47b5137e), 0 0 50px var(--a819-8b8f8e585); }
}

.a819-38c200c43 {
    padding: var(--a819-a6a2f6ef4) var(--a819-06cbf4332);
    font-size: 16px;
    border-radius: var(--a819-a9ffdb459);
}

.a819-5e54f9434 {
    width: 100%;
}

.a819-91a0ce8a0 {
    position: absolute;
    top: -10px;
    right: -10px;
    background: var(--a819-7dd2a9272);
    color: var(--a819-2bb29130a);
    font-size: 10px;
    font-weight: 800;
    padding: 5px 10px;
    border-radius: var(--a819-742ac563b);
    animation: a819-2d372108c 1.5s ease-in-out infinite;
    box-shadow: 0 0 20px var(--a819-44a9be546);
}

@keyframes a819-2d372108c {
    0%, 100% { transform: scale(1) rotate(-5deg); }
    50% { transform: scale(1.1) rotate(5deg); }
}

/* ==============================================
   MAIN CONTENT
   ============================================== */

.a819-cb7e6c0a2 {
    padding-top: 72px; /* Apple-style compact header */
    padding-bottom: var(--a819-64d0e960b);
    min-height: 100vh;
}

.a819-ac0ee23d2 {
    animation: a819-82164d926 0.8s cubic-bezier(0.33, 1, 0.68, 1);
    position: relative;
    padding: var(--a819-349a164d3) 0;
}

.a819-ac0ee23d2::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: var(--a819-5597c95e1);
    padding: 1px;
    background: linear-gradient(160deg, rgba(var(--a819-e3600c329), 0.25) 0%, transparent 40%, rgba(var(--a819-e3600c329), 0.08) 100%);
    -webkit-mask: linear-gradient(#e5e0ea 0 0) content-box, linear-gradient(#e5e0ea 0 0);
    mask: linear-gradient(#e5e0ea 0 0) content-box, linear-gradient(#e5e0ea 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

@keyframes a819-82164d926 {
    from {
        opacity: 0;
        transform: translateY(50px);
        filter: blur(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0);
    }
}

.a819-11a3920e9 {
    text-align: center;
    margin-bottom: var(--a819-06cbf4332);
    position: relative;
    padding: var(--a819-ae9155a98) var(--a819-a6a2f6ef4);
    background: linear-gradient(180deg, rgba(var(--a819-e3600c329), 0.06) 0%, transparent 70%);
    border-radius: var(--a819-af5f277d4);
    border: 1px solid rgba(var(--a819-e3600c329), 0.12);
}

.a819-11a3920e9::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 120px;
    height: 3px;
    background: var(--a819-44e518fd3);
    border-radius: var(--a819-742ac563b);
    opacity: 0.8;
}

.a819-789e38918 {
    font-family:"Yu Gothic UI","Trebuchet MS",sans-serif;
    font-size: clamp(32px, 6vw, 72px);
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: var(--a819-ae9155a98);
    letter-spacing: -0.03em;
    position: relative;
}

.a819-789e38918:not(.a819-4acfd1e44) {
    color: var(--a819-143ca22c5);
}

.a819-4acfd1e44 {
    background: var(--a819-72a0fc00a);
    background-size: 300% 300%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: a819-4301ea311 6s ease-in-out infinite;
    filter: drop-shadow(0 0 30px rgba(var(--a819-e3600c329), 0.4));
}

@keyframes a819-4301ea311 {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

/* ==============================================
   HERO SECTION - MODERN GAMING STYLE
   ============================================== */

/* Hero — ценность бренда (уникальная структура) */
.a819-683209b85,
.a819-7e294ef0b {
    margin: 28px 0;
    padding: 0;
    background: linear-gradient(160deg, rgba(15,30,56,0.98) 0%, rgba(35,38,68,0.99) 100%);
    border-radius: var(--a819-af5f277d4);
    border: 1px solid rgba(var(--a819-e3600c329), 0.22);
    position: relative;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(23,42,66,0.5), 0 0 0 1px rgba(229,224,234,0.03) inset;
}

.a819-683209b85::before,
.a819-7e294ef0b::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent 0%, var(--a819-a6986a164) 25%, var(--a819-ad010c81c) 50%, var(--a819-a6986a164) 75%, transparent 100%);
    opacity: 0.9;
}

.a819-683209b85::after,
.a819-7e294ef0b::after {
    content: '';
    position: absolute;
    top: -30%;
    right: -15%;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(var(--a819-e3600c329), 0.08) 0%, transparent 65%);
    border-radius: 50%;
    pointer-events: none;
}

.a819-71c8b1746,
.a819-3b8aa9c6b {
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: 44px;
    align-items: center;
    padding: 44px 48px;
    position: relative;
    z-index: 1;
}

@media (max-width: 968px) {
    .a819-71c8b1746,
    .a819-3b8aa9c6b {
        grid-template-columns: 1fr;
        gap: 28px;
        padding: 28px 20px;
    }
}

.a819-af8e75ddb {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.a819-2e4f81666,
.a819-6d06fd931 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255,99,98,0.12);
    padding: 8px 18px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    color: var(--a819-a6986a164);
    width: fit-content;
    border: 1px solid rgba(255,99,98,0.25);
    letter-spacing: 0.02em;
}

.a819-c21352bd6 {
    font-size: 14px;
    opacity: 0.95;
}

.a819-32b28e3e6 {
    font-family:"Yu Gothic UI","Trebuchet MS",sans-serif;
    font-size: clamp(32px, 5vw, 52px);
    font-weight: 800;
    background: linear-gradient(135deg, var(--a819-a6986a164) 0%, var(--a819-a6986a164) 50%, var(--a819-65653db91) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    line-height: 1.1;
    letter-spacing: -0.03em;
    margin: 0;
    text-shadow: 0 0 40px rgba(255,99,98,0.3);
    animation: a819-7f2935752 4s ease-in-out infinite;
}

@keyframes a819-7f2935752 {
    0%, 100% { filter: drop-shadow(0 0 20px rgba(255,99,98,0.3)); }
    50% { filter: drop-shadow(0 0 35px rgba(255,99,98,0.5)); }
}

.a819-6f96a7a95 {
    font-size: 18px;
    color: rgba(229,224,234,0.85);
    line-height: 1.6;
    margin: 0;
    font-weight: 500;
}

/* Features List - важно для ботов */
.a819-ce07c706a {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    list-style: none;
    padding: 0;
    margin: 12px 0;
}

.a819-ce07c706a li {
    display: flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, rgba(255,99,98,0.1), rgba(23,42,66,0.3));
    padding: 12px 16px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    color: rgba(229,224,234,0.95);
    border: 1px solid rgba(255,99,98,0.2);
    transition: all 0.3s ease;
}

.a819-ce07c706a li:hover {
    background: linear-gradient(135deg, rgba(255,99,98,0.2), rgba(23,42,66,0.4));
    border-color: rgba(255,99,98,0.4);
    transform: translateX(5px);
}

.a819-c07f97282 {
    font-size: 18px;
}

/* Modern Gaming Buttons */
.a819-a199f9918 {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 12px;
}

.a819-6100cc929 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px 32px;
    font-size: 15px;
    font-weight: 700;
    border-radius: 14px;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    cursor: pointer;
    border: none;
    position: relative;
    overflow: hidden;
}

.a819-6100cc929::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(229,224,234,0.2);
    transform: translate(-50%, -50%);
    transition: width 0.5s, height 0.5s;
}

.a819-6100cc929:hover::before {
    width: 300px;
    height: 300px;
}

.a819-5c2cca512 {
    background: linear-gradient(135deg, var(--a819-a6986a164), var(--a819-a6986a164));
    color: #121e2b;
    box-shadow: 0 8px 25px rgba(255,99,98,0.3);
}

.a819-5c2cca512:hover {
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 12px 35px rgba(255,99,98,0.5);
}

.a819-b2a526ef8 {
    background: rgba(255,99,98,0.15);
    color: var(--a819-a6986a164);
    border: 2px solid rgba(255,99,98,0.4);
}

.a819-b2a526ef8:hover {
    background: rgba(255,99,98,0.25);
    border-color: rgba(255,99,98,0.6);
    transform: translateY(-3px);
}

/* Quick Links - SEO важно */
.a819-d3974214a {
    background: linear-gradient(135deg, rgba(23,42,66,0.45), rgba(17,35,47,0.7));
    border-radius: var(--a819-a9ffdb459);
    padding: 28px;
    border: 1px solid rgba(var(--a819-e3600c329), 0.25);
    backdrop-filter: blur(12px);
    box-shadow: 0 8px 32px rgba(23,42,66,0.3), var(--a819-87dab6b9e);
}

/* ==============================================
   HERO VARIANTS (главная)
   ============================================== */
.a819-683209b85.a819-3a1edc856 .a819-71c8b1746 {
    grid-template-columns: 1fr;
    gap: 1.25rem;
}
.a819-683209b85.a819-3a1edc856 .a819-d3974214a { order: -1; }

.a819-683209b85.a819-0ae966e59 .a819-71c8b1746 { grid-template-columns: 1.2fr 0.8fr; }
.a819-683209b85.a819-0ae966e59 .a819-af8e75ddb {
    background: rgba(23,42,66,0.18);
    border: 1px solid rgba(var(--a819-e3600c329), 0.18);
    border-radius: var(--a819-a9ffdb459);
    padding: 1.25rem;
}

.a819-683209b85.a819-c5525f31c .a819-6f96a7a95 { display: none; }
.a819-683209b85.a819-c5525f31c .a819-ce07c706a { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; }
.a819-683209b85.a819-c5525f31c .a819-a199f9918 { flex-wrap: wrap; }

.a819-ce155182d {
    font-size: 16px;
    font-weight: 700;
    color: var(--a819-a6986a164);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 20px 0;
    text-shadow: 0 0 20px rgba(255,99,98,0.5);
}

.a819-7a47f3f1a {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

@media (max-width: 600px) {
    .a819-7a47f3f1a {
        grid-template-columns: 1fr;
    }
}

.a819-17a0f8189 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 18px;
    background: linear-gradient(135deg, rgba(var(--a819-e3600c329), 0.1), rgba(23,42,66,0.45));
    border-radius: var(--a819-82542bcf1);
    text-decoration: none;
    transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border: 1px solid rgba(var(--a819-e3600c329), 0.22);
    position: relative;
    overflow: hidden;
}

.a819-17a0f8189::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(var(--a819-e3600c329), 0.25), transparent);
    transition: left 0.5s ease;
}

.a819-17a0f8189:hover::before {
    left: 100%;
}

.a819-17a0f8189:hover {
    background: linear-gradient(135deg, rgba(var(--a819-e3600c329), 0.18), rgba(23,42,66,0.55));
    border-color: rgba(var(--a819-e3600c329), 0.5);
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 12px 28px rgba(var(--a819-e3600c329), 0.25), 0 0 0 1px rgba(var(--a819-e3600c329), 0.15);
}

.a819-01aefa0ff {
    font-size: 28px;
    flex-shrink: 0;
    animation: a819-617455f66 3s ease-in-out infinite;
}

@keyframes a819-617455f66 {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-5px); }
}

.a819-cc6af9966 {
    font-size: 14px;
    font-weight: 700;
    color: #e5e0ea;
    flex: 1;
}

.a819-968b6398f {
    font-size: 12px;
    color: rgba(255,99,98,0.9);
    font-weight: 600;
}

/* Legacy Hero (для совместимости) */
.a819-442db2b7b {
    margin-top: var(--a819-349a164d3);
    padding: var(--a819-06cbf4332);
    border-radius: var(--a819-5597c95e1);
    overflow: hidden;
    position: relative;
    background: var(--a819-e60e2a24b);
    border: 1px solid var(--a819-fd95e7b95);
}

.a819-442db2b7b::before {
    display: none;
}

.a819-442db2b7b::after {
    display: none;
}

.a819-5db7e0eeb {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--a819-06cbf4332);
    align-items: center;
    position: relative;
    z-index: 1;
}

@media (max-width: 968px) {
    .a819-5db7e0eeb {
        grid-template-columns: 1fr;
        text-align: center;
    }
    
    .a819-9bf28853b {
        order: -1;
    }
    
    .a819-442db2b7b {
        padding: var(--a819-349a164d3);
    }
}

.a819-6d06fd931 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--a819-a6986a164);
    color: #172a42;
    padding: var(--a819-d2777f460) var(--a819-a6a2f6ef4);
    border-radius: var(--a819-742ac563b);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: var(--a819-a6a2f6ef4);
}

.a819-721acc061 {
    font-family:"Yu Gothic UI","Trebuchet MS",sans-serif;
    font-size: clamp(28px, 4.5vw, 56px);
    font-weight: 800;
    margin-bottom: var(--a819-a6a2f6ef4);
    color: var(--a819-143ca22c5);
    line-height: 1.15;
    letter-spacing: -0.02em;
}

.a819-f29c098f1 {
    font-size: 18px;
    color: var(--a819-7a7ef61e2);
    margin-bottom: var(--a819-ae9155a98);
    line-height: 1.75;
}

.a819-3fc24d18e {
    display: flex;
    gap: var(--a819-349a164d3);
    margin-bottom: var(--a819-349a164d3);
}

@media (max-width: 968px) {
    .a819-3fc24d18e {
        justify-content: center;
        flex-wrap: wrap;
    }
}

.a819-4abfb4ede {
    text-align: center;
    position: relative;
}

.a819-4abfb4ede:not(:last-child)::after {
    content: '';
    position: absolute;
    right: calc(-1 * var(--a819-349a164d3) / 2);
    top: 15%;
    height: 70%;
    width: 1px;
    background: linear-gradient(to bottom, transparent, var(--a819-fd95e7b95), transparent);
}

.a819-a03143db6 {
    display: block;
    font-family:"Yu Gothic UI","Trebuchet MS",sans-serif;
    font-size: 48px;
    font-weight: 800;
    background: var(--a819-44e518fd3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    line-height: 1;
}

.a819-1ac3e8370 {
    font-size: 13px;
    color: var(--a819-c56aa8117);
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 8px;
}

.a819-132fb3745 {
    display: flex;
    gap: var(--a819-a6a2f6ef4);
    flex-wrap: wrap;
}

@media (max-width: 968px) {
    .a819-132fb3745 {
        justify-content: center;
    }
}

.a819-9bf28853b {
    position: relative;
}

.a819-eb9dea453 {
    width: 100%;
    max-width: 580px;
    border-radius: var(--a819-af5f277d4);
    box-shadow: var(--a819-d1d97ce31), var(--a819-e47b5137e);
    border: 1px solid var(--a819-fd95e7b95);
}

/* ==============================================
   GLASS CARDS
   ============================================== */

.a819-8fedc600a {
    background: var(--a819-e60e2a24b);
    backdrop-filter: blur(var(--a819-71c2e8090));
    -webkit-backdrop-filter: blur(var(--a819-71c2e8090));
    border: 1px solid var(--a819-fd95e7b95);
    border-radius: var(--a819-af5f277d4);
    box-shadow: var(--a819-239c87793), var(--a819-87dab6b9e);
    transition: var(--a819-d9f14620f);
    position: relative;
    overflow: hidden;
}

.a819-8fedc600a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 10%;
    right: 10%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(var(--a819-e3600c329), 0.5), transparent);
}

.a819-8fedc600a:hover {
    background: var(--a819-3ed7c38e2);
    border-color: var(--a819-7086a761b);
    box-shadow: var(--a819-4a964b8c0), var(--a819-7ea23ca4c);
    transform: translateY(-6px);
}

.a819-8fedc600a:hover::before {
    background: linear-gradient(90deg, transparent, var(--a819-a6986a164), transparent);
}

/* CTA / Action блоки — другая структура */
.a819-504ae524a,
.a819-b12ebd7be {
    text-align: center;
    padding: var(--a819-06cbf4332) var(--a819-64d0e960b);
    margin: var(--a819-06cbf4332) 0;
    background: linear-gradient(160deg, rgba(var(--a819-e3600c329), 0.1) 0%, rgba(23,42,66,0.35) 100%);
    border: 1px solid rgba(var(--a819-e3600c329), 0.28);
    border-radius: var(--a819-af5f277d4);
    position: relative;
    overflow: hidden;
    box-shadow: var(--a819-239c87793), 0 0 0 1px rgba(229,224,234,0.03) inset;
}

/* Action block (CTA in article) variants */
.a819-504ae524a.a819-3a1edc856 { text-align: left; }
.a819-504ae524a.a819-3a1edc856 .a819-132fb3745 { justify-content: flex-start !important; }
.a819-504ae524a.a819-0ae966e59 {
    background: linear-gradient(135deg, rgba(var(--a819-e3600c329), 0.12) 0%, rgba(23,42,66,0.6) 100%);
    border: 1px solid rgba(var(--a819-e3600c329), 0.22);
}
.a819-504ae524a.a819-c5525f31c {
    background: transparent;
    border-style: dashed;
}
.a819-504ae524a.a819-c5525f31c::before { display: none; }

.a819-504ae524a::before,
.a819-b12ebd7be::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: linear-gradient(180deg, var(--a819-a6986a164), var(--a819-65653db91));
    opacity: 0.9;
}

.a819-9d39315e4,
.a819-b6c735f2b {
    font-size: 3rem;
    margin-bottom: 0.75rem;
    display: inline-block;
}

.a819-ce7a62a2c,
.a819-ae868c0c4 {
    font-family:"Yu Gothic UI","Trebuchet MS",sans-serif;
    font-size: clamp(22px, 3.5vw, 32px);
    font-weight: 700;
    margin-bottom: 0.5rem;
    color: var(--a819-143ca22c5);
}

.a819-5c8788b92,
.a819-c0a302783 {
    font-size: 1.1rem;
    color: var(--a819-7a7ef61e2);
    margin-bottom: 1rem;
    line-height: 1.5;
}

.a819-185d00c1c,
.a819-7c4db3924 {
    font-size: 0.9rem;
    color: var(--a819-7a7ef61e2);
    margin-bottom: 1.25rem;
    opacity: 0.9;
}

/* ==============================================
   SPOT CTA BLOCK (призыв после hero / в потоке)
   ============================================== */

.a819-26fb5dc60 {
    margin: var(--a819-06cbf4332) 0;
    padding: 0;
    border-radius: var(--a819-a9ffdb459);
    overflow: hidden;
    background: linear-gradient(135deg, rgba(var(--a819-e3600c329), 0.1) 0%, rgba(23,42,66,0.45) 50%);
    border: 1px solid rgba(var(--a819-e3600c329), 0.28);
    position: relative;
    box-shadow: var(--a819-239c87793), 0 0 0 1px rgba(229,224,234,0.04) inset;
}

.a819-26fb5dc60::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: linear-gradient(180deg, var(--a819-a6986a164), var(--a819-65653db91));
    opacity: 0.95;
}

.a819-4464ab442 {
    display: flex;
    align-items: center;
    gap: var(--a819-ae9155a98);
    flex-wrap: wrap;
    padding: var(--a819-ae9155a98) var(--a819-ae9155a98) var(--a819-ae9155a98) calc(var(--a819-ae9155a98) + 5px);
}

.a819-d731f9741 {
    font-family:"Yu Gothic UI","Trebuchet MS",sans-serif;
    font-size: 3.5rem;
    font-weight: 800;
    line-height: 1;
    color: var(--a819-a6986a164);
    opacity: 0.95;
    text-shadow: 0 0 40px rgba(var(--a819-e3600c329), 0.4);
    flex-shrink: 0;
}

.a819-af2aefa59 {
    flex: 1 1 280px;
}

.a819-9c8943a3e {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--a819-143ca22c5);
    margin: 0 0 0.4rem 0;
    line-height: 1.3;
}

.a819-069a77ed9 {
    font-size: 0.95rem;
    color: var(--a819-7a7ef61e2);
    margin: 0 0 var(--a819-a6a2f6ef4) 0;
    line-height: 1.5;
}

.a819-26fb5dc60 .a819-84cf53a53 {
    font-weight: 600;
}

/* Spot CTA variants */
.a819-26fb5dc60.a819-3a1edc856 {
    background: linear-gradient(135deg, rgba(var(--a819-e3600c329), 0.14) 0%, rgba(23,42,66,0.55) 60%);
}
.a819-26fb5dc60.a819-3a1edc856 .a819-d731f9741 { font-size: 3rem; opacity: 0.9; }
.a819-26fb5dc60.a819-0ae966e59 { text-align: center; }
.a819-26fb5dc60.a819-0ae966e59 .a819-4464ab442 { justify-content: center; }
.a819-26fb5dc60.a819-0ae966e59::before { display: none; }
.a819-26fb5dc60.a819-c5525f31c {
    border-style: dashed;
    background: rgba(23,42,66,0.32);
}
.a819-26fb5dc60.a819-c5525f31c .a819-069a77ed9 { font-size: 0.9rem; }

/* ==============================================
   ARTICLE CONTENT
   ============================================== */

.a819-b47a356ef {
    font-size: 17px;
    line-height: 1.85;
    padding: var(--a819-ae9155a98) 0;
    margin: var(--a819-a6a2f6ef4) 0;
    border-top: 1px solid rgba(var(--a819-e3600c329), 0.1);
}

.a819-b47a356ef h2 {
    font-family:"Yu Gothic UI","Trebuchet MS",sans-serif;
    font-size: clamp(24px, 3.5vw, 38px);
    font-weight: 700;
    margin: var(--a819-06cbf4332) 0 var(--a819-ae9155a98);
    padding-bottom: var(--a819-a6a2f6ef4);
    border-bottom: 2px solid var(--a819-fd95e7b95);
    position: relative;
    color: var(--a819-143ca22c5);
}

.a819-b47a356ef h2::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 150px;
    height: 3px;
    background: var(--a819-44e518fd3);
    border-radius: var(--a819-742ac563b);
}

.a819-b47a356ef h3 {
    font-family:"Yu Gothic UI","Trebuchet MS",sans-serif;
    font-size: clamp(20px, 2.8vw, 28px);
    font-weight: 600;
    margin: var(--a819-349a164d3) 0 var(--a819-a6a2f6ef4);
    color: var(--a819-a6986a164);
    text-shadow: var(--a819-b48ca6103);
}

.a819-b47a356ef p {
    margin-bottom: var(--a819-ae9155a98);
    color: var(--a819-7a7ef61e2);
}

.a819-b47a356ef ul,
.a819-b47a356ef ol {
    margin: var(--a819-ae9155a98) 0;
    padding-left: var(--a819-349a164d3);
}

.a819-b47a356ef li {
    margin-bottom: var(--a819-8d49215ea);
    color: var(--a819-7a7ef61e2);
    position: relative;
}

.a819-b47a356ef ul li::marker {
    color: var(--a819-a6986a164);
    font-size: 1.2em;
}

/* Специальные стили для списков на странице слотов */
.a819-18af1f9ac .a819-b47a356ef ul {
    list-style: none;
    padding-left: 0;
}

.a819-18af1f9ac .a819-b47a356ef ul li {
    position: relative;
    padding-left: var(--a819-349a164d3);
    margin-bottom: var(--a819-a6a2f6ef4);
    color: var(--a819-7a7ef61e2);
    line-height: 1.8;
}

.a819-18af1f9ac .a819-b47a356ef ul li::before {
    content: '🎰';
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1.2em;
    filter: drop-shadow(0 0 10px rgba(169,113,255,0.5));
}

.a819-18af1f9ac .a819-b47a356ef ul li strong {
    color: var(--a819-c4875b122);
    font-weight: 700;
}

.a819-b47a356ef a {
    color: var(--a819-a6986a164);
    text-decoration: underline;
    text-decoration-color: rgba(var(--a819-e3600c329), 0.4);
    text-underline-offset: 4px;
    transition: var(--a819-d9f14620f);
}

.a819-b47a356ef a:hover {
    text-decoration-color: var(--a819-a6986a164);
    text-shadow: var(--a819-b48ca6103);
}

.a819-b47a356ef strong,
.a819-b47a356ef b {
    color: var(--a819-143ca22c5);
    font-weight: 700;
}

/* Tables */
.a819-b47a356ef table {
    width: 100%;
    border-collapse: collapse;
    margin: var(--a819-349a164d3) 0;
    background: var(--a819-e60e2a24b);
    border-radius: var(--a819-a9ffdb459);
    overflow: hidden;
    border: 1px solid var(--a819-fd95e7b95);
}

.a819-b47a356ef th,
.a819-b47a356ef td {
    padding: var(--a819-a6a2f6ef4);
    text-align: left;
    border-bottom: 1px solid var(--a819-fd95e7b95);
}

.a819-b47a356ef th {
    background: rgba(var(--a819-e3600c329), 0.15);
    font-weight: 700;
    color: var(--a819-a6986a164);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 13px;
}

.a819-b47a356ef tr:hover {
    background: rgba(var(--a819-e3600c329), 0.08);
}

/* ==============================================
   SLOTS SHOWCASE
   ============================================== */

.a819-be53792af,
.a819-314109cbc.a819-d24878455 {
    margin: var(--a819-06cbf4332) 0;
    padding: var(--a819-06cbf4332);
    background: linear-gradient(135deg, var(--a819-e60e2a24b) 0%, rgba(var(--a819-e3600c329), 0.08) 100%);
    border: 1px solid var(--a819-fd95e7b95);
    border-radius: var(--a819-5597c95e1);
    position: relative;
}

.a819-be53792af h2,
.a819-314109cbc.a819-d24878455 h2 {
    text-align: center;
    font-family:"Yu Gothic UI","Trebuchet MS",sans-serif;
    font-size: 32px;
    margin-bottom: var(--a819-349a164d3);
    border: none;
    padding: 0;
}

.a819-be53792af h2::after,
.a819-314109cbc.a819-d24878455 h2::after {
    display: none;
}

.a819-91e537ce2 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--a819-ae9155a98);
}

.a819-d69321ed9 {
    background: var(--a819-e60e2a24b);
    border: 1px solid var(--a819-fd95e7b95);
    border-radius: var(--a819-a9ffdb459);
    padding: var(--a819-a6a2f6ef4);
    transition: var(--a819-8669a5c25);
    position: relative;
    overflow: hidden;
    opacity: 0;
    transform: translateY(40px) scale(0.95);
}

.a819-d69321ed9.a819-2ddd0c74b {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.a819-d69321ed9::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--a819-44e518fd3);
    transform: scaleX(0);
    transition: var(--a819-d9f14620f);
}

.a819-d69321ed9::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 50% 0%, rgba(var(--a819-e3600c329), 0.2) 0%, transparent 60%);
    opacity: 0;
    transition: var(--a819-d9f14620f);
}

.a819-d69321ed9:hover::before {
    transform: scaleX(1);
}

.a819-d69321ed9:hover::after {
    opacity: 1;
}

.a819-d69321ed9:hover {
    transform: translateY(-12px) scale(1.03);
    border-color: var(--a819-7086a761b);
    box-shadow: var(--a819-e47b5137e), var(--a819-d1d97ce31);
}

.a819-d69321ed9 img,
.a819-d69321ed9 .a819-f3b7c2df0 {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: var(--a819-82542bcf1);
    margin-bottom: var(--a819-a6a2f6ef4);
    transition: var(--a819-d9f14620f);
    position: relative;
    z-index: 1;
}

.a819-d69321ed9:hover img,
.a819-d69321ed9:hover .a819-f3b7c2df0 {
    transform: scale(1.05);
}

.a819-d69321ed9 h4 {
    font-family:"Yu Gothic UI","Trebuchet MS",sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin-bottom: var(--a819-d2777f460);
    color: var(--a819-143ca22c5);
    position: relative;
    z-index: 1;
}

.a819-d69321ed9 .a819-1ec8e7ac7 {
    display: inline-flex;
    align-items: center;
    gap: var(--a819-d2777f460);
    padding: 0.4rem 0.9rem;
    background: rgba(229,224,234,0.04);
    border-top: 2px solid var(--a819-a9f6eb6c8);
    border-radius: 0 0 10px 10px;
    text-align: center;
    color: rgba(229,224,234,0.85);
    font-weight: 700;
    font-size: 14px;
    margin-bottom: var(--a819-d2777f460);
    position: relative;
    z-index: 1;
}

.a819-d69321ed9 .a819-1ec8e7ac7 span {
    color: var(--a819-a9f6eb6c8);
    font-weight: 800;
}

.a819-d69321ed9 .a819-4a4ec3013,
.a819-d69321ed9 .a819-d598b3892 {
    text-align: center;
    color: var(--a819-7a7ef61e2);
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: var(--a819-8d49215ea);
    position: relative;
    z-index: 1;
}

.a819-2885c9f88,
.a819-2452c1341 {
    display: flex;
    flex-wrap: wrap;
    gap: var(--a819-d2777f460);
    justify-content: center;
    position: relative;
    z-index: 1;
}

.a819-1ff828011,
.a819-2452c1341 .a819-94231aa17 {
    background: linear-gradient(135deg, rgba(var(--a819-e3600c329), 0.25) 0%, rgba(var(--a819-e3600c329), 0.1) 100%);
    color: var(--a819-847067248);
    padding: 5px 14px;
    border-radius: var(--a819-742ac563b);
    font-size: 11px;
    font-weight: 600;
    border: 1px solid rgba(var(--a819-e3600c329), 0.35);
    transition: var(--a819-d9f14620f);
}

.a819-1ff828011:hover,
.a819-2452c1341 .a819-94231aa17:hover {
    background: var(--a819-a6986a164);
    color: var(--a819-143ca22c5);
    transform: scale(1.08);
}

/* ==============================================
   SLOTS PAGE - Специальные стили для страницы слотов
   ============================================== */

/* Контейнер страницы слотов */
.a819-18af1f9ac {
    padding: var(--a819-349a164d3) 0;
}

/* Заголовок страницы слотов */
.a819-0720a2d3b {
    text-align: center;
    margin-bottom: var(--a819-64d0e960b);
    position: relative;
}

.a819-0720a2d3b::after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 4px;
    background: var(--a819-7dd2a9272);
    border-radius: var(--a819-742ac563b);
}

/* Фильтры и категории слотов */
.a819-0ff62aceb {
    display: flex;
    flex-wrap: wrap;
    gap: var(--a819-8d49215ea);
    justify-content: center;
    margin-bottom: var(--a819-06cbf4332);
    padding: var(--a819-ae9155a98);
    background: var(--a819-e60e2a24b);
    border: 1px solid var(--a819-fd95e7b95);
    border-radius: var(--a819-af5f277d4);
    backdrop-filter: blur(var(--a819-71c2e8090));
}

.a819-a911692ca {
    padding: var(--a819-c762e8181) var(--a819-ae9155a98);
    background: transparent;
    border: 2px solid var(--a819-fd95e7b95);
    border-radius: var(--a819-742ac563b);
    color: var(--a819-7a7ef61e2);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: var(--a819-d9f14620f);
    position: relative;
    overflow: hidden;
}

.a819-a911692ca::before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--a819-7dd2a9272);
    opacity: 0;
    transition: var(--a819-d9f14620f);
    z-index: -1;
}

.a819-a911692ca:hover,
.a819-a911692ca.a819-f634efa1c {
    color: var(--a819-143ca22c5);
    border-color: var(--a819-c4875b122);
    box-shadow: 0 0 20px var(--a819-44a9be546);
}

.a819-a911692ca:hover::before,
.a819-a911692ca.a819-f634efa1c::before {
    opacity: 1;
}

/* Улучшенные карточки слотов для страницы */
.a819-18af1f9ac .a819-d69321ed9 {
    background: linear-gradient(135deg, var(--a819-e60e2a24b) 0%, rgba(169,113,255,0.03) 100%);
    border: 2px solid var(--a819-fd95e7b95);
    box-shadow: var(--a819-239c87793);
}

.a819-18af1f9ac .a819-d69321ed9::before {
    background: var(--a819-7dd2a9272);
    height: 4px;
}

.a819-18af1f9ac .a819-d69321ed9:hover {
    background: linear-gradient(135deg, rgba(169,113,255,0.08) 0%, rgba(169,113,255,0.05) 100%);
    border-color: var(--a819-c4875b122);
    box-shadow: var(--a819-e47b5137e), 0 0 30px var(--a819-44a9be546);
}

/* RTP индикатор — премиальный минималистичный стиль */
.a819-1ec8e7ac7 {
    display: inline-flex;
    align-items: center;
    gap: var(--a819-8d49215ea);
    padding: var(--a819-d2777f460) var(--a819-8d49215ea) var(--a819-d2777f460) var(--a819-a6a2f6ef4);
    background: rgba(229,224,234,0.04);
    border: none;
    border-left: 3px solid var(--a819-a9f6eb6c8);
    border-radius: 0 var(--a819-443f60a57) var(--a819-443f60a57) 0;
    font-weight: 700;
    font-size: 13px;
    color: rgba(229,224,234,0.9);
    letter-spacing: 0.3px;
    position: relative;
}

.a819-1ec8e7ac7 span {
    color: var(--a819-a9f6eb6c8);
    font-weight: 800;
}

.a819-1ec8e7ac7.a819-461d855a7 {
    border-left-color: var(--a819-c4875b122);
}

.a819-1ec8e7ac7.a819-461d855a7 span {
    color: var(--a819-c4875b122);
    text-shadow: 0 0 12px var(--a819-44a9be546);
}

/* Провайдеры слотов */
.a819-d598b3892 {
    display: inline-flex;
    align-items: center;
    gap: var(--a819-d2777f460);
    padding: var(--a819-d2777f460) var(--a819-8d49215ea);
    background: rgba(var(--a819-e3600c329), 0.1);
    border: 1px solid rgba(var(--a819-e3600c329), 0.3);
    border-radius: var(--a819-443f60a57);
    font-size: 12px;
    font-weight: 600;
    color: var(--a819-a6986a164);
    margin-top: var(--a819-c762e8181);
}

.a819-d598b3892::before {
    content: '🎮';
    font-size: 14px;
}

/* Бейджи для слотов */
.a819-a0f303b4f {
    position: absolute;
    top: var(--a819-8d49215ea);
    right: var(--a819-8d49215ea);
    padding: var(--a819-d2777f460) var(--a819-c762e8181);
    background: var(--a819-7dd2a9272);
    color: var(--a819-2bb29130a);
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: var(--a819-443f60a57);
    box-shadow: 0 0 15px var(--a819-44a9be546);
    z-index: 2;
    animation: a819-1426ab3a5 2s ease-in-out infinite;
}

@keyframes a819-1426ab3a5 {
    0%, 100% { 
        transform: scale(1);
        box-shadow: 0 0 15px var(--a819-44a9be546);
    }
    50% { 
        transform: scale(1.05);
        box-shadow: 0 0 25px var(--a819-44a9be546), 0 0 35px var(--a819-44a9be546);
    }
}

.a819-a0f303b4f.a819-0f34d097d {
    background: linear-gradient(135deg, #29c2af 0%, #b577f8 100%);
    color: var(--a819-143ca22c5);
    box-shadow: 0 0 15px var(--a819-8b8f8e585);
}

.a819-a0f303b4f.a819-1c03f8be5 {
    background: linear-gradient(135deg, var(--a819-a6986a164) 0%, var(--a819-65653db91) 100%);
    color: var(--a819-143ca22c5);
    box-shadow: 0 0 15px var(--a819-dbde9a52f);
}

.a819-a0f303b4f.a819-fee07e70e {
    background: var(--a819-7dd2a9272);
    animation: a819-05e58348e 1.5s ease-in-out infinite;
}

@keyframes a819-05e58348e {
    0%, 100% { 
        box-shadow: 0 0 20px var(--a819-44a9be546);
    }
    50% { 
        box-shadow: 0 0 40px var(--a819-44a9be546), 0 0 60px var(--a819-44a9be546);
    }
}

/* Статистика слота */
.a819-c0ba3f1cb {
    display: flex;
    justify-content: space-around;
    gap: var(--a819-8d49215ea);
    margin-top: var(--a819-8d49215ea);
    padding-top: var(--a819-8d49215ea);
    border-top: 1px solid var(--a819-fd95e7b95);
}

.a819-528c33fea {
    text-align: center;
    flex: 1;
}

.a819-ff1d6bf4e {
    display: block;
    font-size: 18px;
    font-weight: 800;
    color: var(--a819-a6986a164);
    margin-bottom: 4px;
}

.a819-87cf456d6 {
    font-size: 11px;
    color: var(--a819-c56aa8117);
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Кнопка "Играть" на карточке */
.a819-c12dc943c {
    width: 100%;
    margin-top: var(--a819-a6a2f6ef4);
    padding: var(--a819-8d49215ea) var(--a819-ae9155a98);
    background: var(--a819-7dd2a9272);
    color: var(--a819-2bb29130a);
    border: none;
    border-radius: var(--a819-82542bcf1);
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    transition: var(--a819-d9f14620f);
    box-shadow: 0 0 20px var(--a819-44a9be546);
    position: relative;
    overflow: hidden;
}

.a819-c12dc943c::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(229,224,234,0.3) 0%, transparent 50%);
    transform: translateX(-100%);
    transition: 0.5s;
}

.a819-c12dc943c:hover::before {
    transform: translateX(100%);
}

.a819-c12dc943c:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 30px var(--a819-44a9be546), 0 0 50px var(--a819-44a9be546);
}

.a819-c12dc943c:active {
    transform: translateY(0);
}

/* Секция провайдеров */
.a819-b615057b3 {
    margin: var(--a819-64d0e960b) 0;
    padding: var(--a819-06cbf4332);
    background: var(--a819-e60e2a24b);
    border: 1px solid var(--a819-fd95e7b95);
    border-radius: var(--a819-5597c95e1);
}

.a819-b615057b3 h3 {
    text-align: center;
    font-family:"Yu Gothic UI","Trebuchet MS",sans-serif;
    font-size: 28px;
    margin-bottom: var(--a819-349a164d3);
    color: var(--a819-143ca22c5);
}

.a819-a23ee299f {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: var(--a819-ae9155a98);
}

.a819-77997e350 {
    background: rgba(var(--a819-e3600c329), 0.05);
    border: 1px solid var(--a819-fd95e7b95);
    border-radius: var(--a819-a9ffdb459);
    padding: var(--a819-ae9155a98);
    text-align: center;
    transition: var(--a819-d9f14620f);
    cursor: pointer;
}

.a819-77997e350:hover {
    background: rgba(var(--a819-e3600c329), 0.1);
    border-color: var(--a819-a6986a164);
    transform: translateY(-5px);
    box-shadow: var(--a819-7ea23ca4c);
}

.a819-77997e350 img {
    width: 100%;
    max-width: 120px;
    height: auto;
    margin-bottom: var(--a819-8d49215ea);
    filter: grayscale(0.3);
    transition: var(--a819-d9f14620f);
}

.a819-77997e350:hover img {
    filter: grayscale(0);
    transform: scale(1.1);
}

.a819-77997e350 h4 {
    font-size: 16px;
    font-weight: 600;
    color: var(--a819-143ca22c5);
    margin: 0;
}

/* Анимации для страницы слотов */
@keyframes a819-44df82aa0 {
    from {
        opacity: 0;
        transform: translateY(30px) rotateX(-10deg);
    }
    to {
        opacity: 1;
        transform: translateY(0) rotateX(0);
    }
}

.a819-d69321ed9.a819-2ddd0c74b {
    animation: a819-44df82aa0 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

/* Эффект блеска на карточке */
.a819-d69321ed9::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(
        45deg,
        transparent 30%,
        rgba(229,224,234,0.1) 50%,
        transparent 70%
    );
    transform: rotate(45deg) translateX(-100%);
    transition: 0.6s;
}

.a819-d69321ed9:hover::after {
    transform: rotate(45deg) translateX(100%);
}

/* Мобильные стили для страницы слотов */
@media (max-width: 768px) {
    .a819-0ff62aceb {
        padding: var(--a819-a6a2f6ef4);
        gap: var(--a819-c762e8181);
    }
    
    .a819-a911692ca {
        font-size: 12px;
        padding: var(--a819-d2777f460) var(--a819-a6a2f6ef4);
    }
    
    .a819-91e537ce2 {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--a819-8d49215ea);
    }
    
    .a819-d69321ed9 {
        padding: var(--a819-8d49215ea);
    }
    
    .a819-d69321ed9 img,
    .a819-d69321ed9 .a819-f3b7c2df0 {
        height: 120px;
    }
    
    .a819-c0ba3f1cb {
        flex-direction: column;
        gap: var(--a819-c762e8181);
    }
    
    .a819-a23ee299f {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--a819-8d49215ea);
    }
    
    .a819-a0f303b4f {
        font-size: 9px;
        padding: 3px 6px;
    }
}

/* ==============================================
   ADVANTAGE CARDS
   ============================================== */

.a819-f6c92c755 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--a819-ae9155a98);
    margin: var(--a819-349a164d3) 0;
}

.a819-63ed561f1 {
    background: var(--a819-e60e2a24b);
    border: 1px solid var(--a819-fd95e7b95);
    border-radius: var(--a819-a9ffdb459);
    padding: var(--a819-349a164d3);
    text-align: center;
    transition: var(--a819-8669a5c25);
    opacity: 0;
    transform: translateY(30px);
}

.a819-63ed561f1.a819-2ddd0c74b {
    opacity: 1;
    transform: translateY(0);
}

.a819-63ed561f1:hover {
    transform: translateY(-10px);
    border-color: var(--a819-a6986a164);
    box-shadow: var(--a819-7ea23ca4c);
}

.a819-c3a4b7761 {
    font-size: 56px;
    margin-bottom: var(--a819-a6a2f6ef4);
    display: block;
    animation: a819-72dede588 3s ease-in-out infinite;
}

@keyframes a819-72dede588 {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}

.a819-63ed561f1 h3 {
    font-size: 20px;
    margin-bottom: var(--a819-8d49215ea);
    color: var(--a819-a6986a164);
}

.a819-63ed561f1 p {
    color: var(--a819-7a7ef61e2);
    font-size: 15px;
    line-height: 1.7;
}

/* ==============================================
   INFO BLOCKS
   ============================================== */

.a819-314109cbc {
    background: var(--a819-e60e2a24b);
    border-left: 4px solid var(--a819-a6986a164);
    border-radius: var(--a819-82542bcf1);
    padding: var(--a819-ae9155a98);
    margin: var(--a819-ae9155a98) 0;
    opacity: 0;
    transform: translateX(-30px);
}

.a819-314109cbc.a819-2ddd0c74b {
    opacity: 1;
    transform: translateX(0);
}

.a819-314109cbc h3 {
    color: var(--a819-a6986a164);
    margin-bottom: var(--a819-8d49215ea);
    font-size: 18px;
}

.a819-314109cbc p {
    color: var(--a819-7a7ef61e2);
    margin: 0;
}

/* ==============================================
   FAQ SECTION
   ============================================== */

.a819-c4ba11f24 {
    background: linear-gradient(135deg, rgba(var(--a819-e3600c329), 0.06) 0%, rgba(23,42,66,0.4) 100%);
    border: 1px solid rgba(var(--a819-e3600c329), 0.2);
    border-radius: var(--a819-5597c95e1);
    padding: var(--a819-06cbf4332);
    margin: var(--a819-06cbf4332) 0;
    position: relative;
    overflow: hidden;
}

.a819-c4ba11f24::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--a819-a6986a164), transparent);
    opacity: 0.5;
}

.a819-c4ba11f24 h2 {
    text-align: center;
    margin-bottom: var(--a819-349a164d3);
    border: none;
    padding: 0;
    font-size: 1.6rem;
}

.a819-c4ba11f24 h2::after {
    display: none;
}

.a819-2f61f41e9,
.a819-f5e31f16e {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* FAQ variants */
.a819-c4ba11f24.a819-3a1edc856 .a819-2f61f41e9 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.9rem;
}
.a819-c4ba11f24.a819-0ae966e59 .a819-5f5f596c8::before { display: none; }
.a819-c4ba11f24.a819-0ae966e59 .a819-5f5f596c8 { padding-left: 1.1rem; }
.a819-c4ba11f24.a819-0ae966e59 .a819-b146af64b { border-style: dashed; background: rgba(23,42,66,0.22); }
.a819-c4ba11f24.a819-c5525f31c { background: rgba(23,42,66,0.28); border-style: dashed; }
.a819-c4ba11f24.a819-c5525f31c h2 { text-align: left; }

.a819-b146af64b {
    background: rgba(229,224,234,0.03);
    border: 1px solid rgba(229,224,234,0.08);
    border-radius: var(--a819-a9ffdb459);
    overflow: hidden;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.a819-b146af64b:hover {
    border-color: rgba(var(--a819-e3600c329), 0.3);
}

.a819-b146af64b.a819-85dc43e74 {
    border-color: rgba(var(--a819-e3600c329), 0.4);
    box-shadow: 0 0 0 1px rgba(var(--a819-e3600c329), 0.15);
}

.a819-b146af64b.a819-85dc43e74 .a819-5f5f596c8 {
    color: var(--a819-a6986a164);
}

.a819-b146af64b.a819-85dc43e74 .a819-5f5f596c8::after {
    transform: translateY(-40%) rotate(-135deg);
}

.a819-5f5f596c8 {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 1.1rem 1.25rem;
    padding-right: 3rem;
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    font-family:"Yu Gothic UI","Trebuchet MS",sans-serif;
    color: var(--a819-143ca22c5);
    cursor: pointer;
    position: relative;
    text-align: left;
    background: none;
    border: none;
    transition: color 0.2s ease;
}

.a819-5f5f596c8:hover {
    color: var(--a819-a6986a164);
}

.a819-5f5f596c8::before {
    content: '';
    width: 4px;
    height: 1.1em;
    margin-right: 1rem;
    background: var(--a819-a6986a164);
    border-radius: 2px;
    opacity: 0.6;
    flex-shrink: 0;
}

.a819-5f5f596c8 span {
    flex: 1;
}

.a819-5f5f596c8::after {
    content: '';
    position: absolute;
    right: 1.25rem;
    top: 50%;
    width: 8px;
    height: 8px;
    border-right: 2px solid var(--a819-a6986a164);
    border-bottom: 2px solid var(--a819-a6986a164);
    transform: translateY(-60%) rotate(45deg);
    opacity: 0.7;
    transition: transform 0.2s ease;
}

.a819-8758a86f6 {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.25s ease;
}

.a819-b146af64b.a819-85dc43e74 .a819-8758a86f6 {
    max-height: 800px;
}

.a819-8758a86f6 p,
.a819-8758a86f6 div {
    padding: 0 1.25rem 1.25rem;
    padding-left: calc(1.25rem + 4px + 1rem);
    margin: 0;
    color: var(--a819-7a7ef61e2);
    line-height: 1.75;
    font-size: 0.95rem;
    border-top: 1px solid rgba(229,224,234,0.05);
}

.a819-8758a86f6 a {
    color: var(--a819-a6986a164);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.a819-8758a86f6 a:hover {
    color: var(--a819-ad010c81c);
}

@media (max-width: 640px) {
    .a819-8758a86f6 p, .a819-8758a86f6 div { padding-left: 1.25rem; }
}

/* ==============================================
   BREADCRUMBS
   ============================================== */

.a819-5c36a6282 {
    padding: var(--a819-a6a2f6ef4) 0;
    margin-bottom: var(--a819-ae9155a98);
}

.a819-50461c286 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--a819-c762e8181);
    list-style: none;
}

.a819-663b8d45c {
    display: inline-flex;
    align-items: center;
}

.a819-a6c04e4d9 {
    color: var(--a819-a6986a164);
    font-size: 13px;
    padding: var(--a819-60c537ffa) var(--a819-c762e8181);
    border-radius: var(--a819-989dc451a);
    transition: var(--a819-d9f14620f);
}

.a819-a6c04e4d9:hover {
    background: var(--a819-e60e2a24b);
}

.a819-663b8d45c.a819-f634efa1c {
    color: var(--a819-c56aa8117);
    font-size: 13px;
}

.a819-dc2c7727d {
    color: var(--a819-c56aa8117);
    font-size: 14px;
}

/* Всплывающее предложение — другая вёрстка */
.a819-62518f9f8,
.a819-079070b77 {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%) translateY(180%);
    width: auto;
    max-width: 360px;
    min-width: 280px;
    padding: 16px 52px 16px 18px;
    z-index: 10000;
    transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
    background: rgba(20,39,63,0.97);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255,99,98,0.2);
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(23,42,66,0.4);
}

.a819-62518f9f8.a819-e865022e8,
.a819-079070b77.a819-e865022e8 {
    transform: translateX(-50%) translateY(0);
}

.a819-1293159c3 {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    background: rgba(229,224,234,0.08);
    border: none;
    color: #ddeff6;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    transition: background 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}

.a819-1293159c3:hover {
    background: rgba(229,224,234,0.15);
}

.a819-bda60ac9b,
.a819-c001db3ad {
    display: flex;
    align-items: center;
    gap: 12px;
}

@media (max-width: 480px) {
    .a819-62518f9f8,
    .a819-079070b77 {
        min-width: 260px;
        max-width: 90%;
        padding: 14px 48px 14px 14px;
    }
}

.a819-7f8774c0d {
    font-size: 28px;
    flex-shrink: 0;
}

.a819-e8f7c6c6c,
.a819-dc24a1924 {
    flex: 1;
    min-width: 0;
}

.a819-7866bf845,
.a819-cfe8989b8 {
    display: block;
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--a819-a6986a164);
    line-height: 1.2;
}

.a819-15619de2e,
.a819-0eca6000a {
    display: block;
    color: rgba(229,224,234,0.55);
    font-size: 0.8rem;
    margin-top: 2px;
    line-height: 1.3;
}

.a819-f359b4f15 {
    flex-shrink: 0;
}

.a819-f359b4f15 .a819-84cf53a53 {
    padding: 10px 18px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 10px;
    #d6e4fb-space: nowrap;
    background: var(--a819-a6986a164);
    color: #20283e;
    border: none;
}

/* ==============================================
   FOOTER
   ============================================== */

.a819-0f424148b {
    background: linear-gradient(180deg, var(--a819-2bb29130a) 0%, var(--a819-ed7b133b0) 100%);
    border-top: 2px solid transparent;
    border-image: linear-gradient(90deg, transparent 5%, var(--a819-a6986a164) 50%, transparent 95%) 1;
    padding: var(--a819-64d0e960b) 0 0;
    margin-top: var(--a819-64d0e960b);
    position: relative;
}

.a819-0f424148b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 250px;
    background: radial-gradient(ellipse at 50% 0%, rgba(var(--a819-e3600c329), 0.15) 0%, transparent 70%);
    pointer-events: none;
}

.a819-38dea3259 {
    max-width: 1380px;
    margin: 0 auto;
    padding: 0 var(--a819-ae9155a98);
    position: relative;
    z-index: 1;
}

.a819-37922bdd9 {
    padding-bottom: var(--a819-349a164d3);
}

.a819-56771c4b8 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--a819-ae9155a98);
    margin-bottom: var(--a819-349a164d3);
}

@media (max-width: 1024px) {
    .a819-56771c4b8 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .a819-56771c4b8 {
        grid-template-columns: 1fr;
    }
}

.a819-7385ab8fb {
    background: var(--a819-e60e2a24b);
    border: 1px solid var(--a819-fd95e7b95);
    border-radius: var(--a819-a9ffdb459);
    padding: var(--a819-349a164d3);
    transition: var(--a819-d9f14620f);
    position: relative;
    overflow: hidden;
}

.a819-7385ab8fb::before {
    content: '';
    position: absolute;
    top: 20%;
    left: 0;
    width: 3px;
    height: 60%;
    background: var(--a819-44e518fd3);
    border-radius: var(--a819-742ac563b);
    transform: scaleY(0);
    transition: var(--a819-d9f14620f);
}

.a819-7385ab8fb:hover::before {
    transform: scaleY(1);
}

.a819-7385ab8fb:hover {
    background: var(--a819-3ed7c38e2);
    border-color: var(--a819-7086a761b);
    transform: translateY(-8px);
    box-shadow: var(--a819-4a964b8c0), var(--a819-7ea23ca4c);
}

.a819-7385ab8fb h4 {
    font-family:"Yu Gothic UI","Trebuchet MS",sans-serif;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: var(--a819-8d49215ea);
    color: var(--a819-143ca22c5);
}

.a819-7385ab8fb p {
    font-size: 14px;
    line-height: 1.75;
    color: var(--a819-7a7ef61e2);
    margin: 0;
}

.a819-8b671c011 {
    text-align: center;
    padding: var(--a819-349a164d3) 0;
    border-top: 1px solid var(--a819-fd95e7b95);
    border-bottom: 1px solid var(--a819-fd95e7b95);
}

.a819-8b671c011 h4 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: var(--a819-a6a2f6ef4);
    color: var(--a819-143ca22c5);
}

.a819-f33d71f68 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--a819-8d49215ea);
}

.a819-b26d00c4b {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background: var(--a819-e60e2a24b);
    border: 1px solid var(--a819-fd95e7b95);
    border-radius: var(--a819-443f60a57);
    color: var(--a819-50682443a);
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: var(--a819-d9f14620f);
}

.a819-b26d00c4b:hover,
.a819-b26d00c4b.a819-f634efa1c {
    background: var(--a819-a6986a164);
    border-color: var(--a819-a6986a164);
    color: var(--a819-2bb29130a);
    transform: translateY(-3px);
    box-shadow: var(--a819-e41079662);
}

.a819-914e0abd3 {
    padding: var(--a819-ae9155a98) 0;
}

.a819-2976d5061 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--a819-ae9155a98);
}

@media (max-width: 768px) {
    .a819-2976d5061 {
        flex-direction: column;
        text-align: center;
    }
}

.a819-00964679e {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.a819-8ff02b37b {
    font-family:"Yu Gothic UI","Trebuchet MS",sans-serif;
    font-size: 26px;
    font-weight: 800;
    background: var(--a819-44e518fd3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.a819-6f828a0fb {
    font-size: 12px;
    color: var(--a819-c56aa8117);
    text-transform: uppercase;
    letter-spacing: 3px;
}

.a819-6958a168a {
    text-align: center;
    flex: 1;
}

.a819-6958a168a p {
    font-size: 13px;
    color: var(--a819-7a7ef61e2);
    margin: 0 0 6px;
}

.a819-f25a16771 {
    font-size: 11px !important;
    color: var(--a819-c56aa8117) !important;
}

.a819-f5f436e44 {
    display: flex;
    gap: 14px;
}

.a819-e499e455e {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    background: var(--a819-e60e2a24b);
    border: 1px solid var(--a819-fd95e7b95);
    border-radius: var(--a819-443f60a57);
    font-size: 12px;
    color: var(--a819-7a7ef61e2);
}

/* Блок ключевых тем (облако) — другая структура */
.a819-8720c29ea,
.a819-215f48e63 {
    background: rgba(var(--a819-e3600c329), 0.06);
    border: 1px solid rgba(var(--a819-e3600c329), 0.2);
    border-radius: 16px;
    padding: 1.5rem 1.75rem;
    margin-bottom: 1.5rem;
    position: relative;
    overflow: hidden;
}

.a819-8720c29ea::before,
.a819-215f48e63::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(var(--a819-e3600c329), 0.4), transparent);
}

.a819-118cf0e05,
.a819-80933227c {
    font-size: 1.15rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: var(--a819-143ca22c5);
    text-align: center;
    position: relative;
    z-index: 1;
}

.a819-8fe8ace0e,
.a819-7a148d90d {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    position: relative;
    z-index: 1;
}

.a819-d54498288,
.a819-450c56091 {
    display: inline-flex;
    align-items: center;
    padding: 9px 20px;
    background: rgba(229,224,234,0.04);
    border: 1px solid rgba(229,224,234,0.1);
    border-radius: 999px;
    color: var(--a819-50682443a);
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    transition: background 0.25s, border-color 0.25s, transform 0.2s;
    #d6e4fb-space: nowrap;
}

.a819-d54498288:hover,
.a819-450c56091:hover {
    background: rgba(var(--a819-e3600c329), 0.2);
    border-color: rgba(var(--a819-e3600c329), 0.45);
    transform: translateY(-3px);
    color: var(--a819-143ca22c5);
}

.a819-d54498288.a819-c3b636709,
.a819-450c56091.a819-c3b636709 {
    font-size: 11px;
    padding: 6px 14px;
}

.a819-d54498288.a819-e3c0a4bcd,
.a819-450c56091.a819-e3c0a4bcd {
    font-size: 14px;
    padding: 11px 24px;
    font-weight: 600;
}

/* ==============================================
   ANIMATIONS
   ============================================== */

.a819-d1b6b7d8a {
    animation: a819-d1b6b7d8a 2s ease-in-out infinite;
}

@keyframes a819-d1b6b7d8a {
    0%, 100% { box-shadow: var(--a819-7ea23ca4c); }
    50% { box-shadow: var(--a819-e47b5137e); }
}

.a819-b08efffac {
    animation: a819-a5eadfbf7 6s ease-in-out infinite;
}

@keyframes a819-a5eadfbf7 {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-15px); }
}

.a819-915f3f800 {
    animation: a819-ce951b35c 2s ease-in-out infinite;
}

@keyframes a819-ce951b35c {
    0%, 100% { text-shadow: var(--a819-b48ca6103); }
    50% { text-shadow: 0 0 50px rgba(var(--a819-e3600c329), 1); }
}

.a819-1716831f1 {
    transition: var(--a819-8669a5c25);
}

.a819-1716831f1:hover {
    transform: translateY(-8px);
}

/* Loading */
.a819-df35d9a7f {
    text-align: center;
    padding: var(--a819-64d0e960b);
    max-width: 560px;
    margin: var(--a819-64d0e960b) auto;
}

.a819-269cfdf1f {
    font-size: 80px;
    margin-bottom: var(--a819-ae9155a98);
    animation: icon-bounce 1.5s ease-in-out infinite;
}

.a819-df35d9a7f h2 {
    margin-bottom: var(--a819-a6a2f6ef4);
    border: none;
    padding: 0;
}

.a819-df35d9a7f h2::after {
    display: none;
}

.a819-8533a83b7 {
    height: 6px;
    background: var(--a819-e60e2a24b);
    border-radius: var(--a819-742ac563b);
    overflow: hidden;
    margin-top: var(--a819-ae9155a98);
}

.a819-9951d4b97 {
    height: 100%;
    width: 40%;
    background: var(--a819-44e518fd3);
    border-radius: var(--a819-742ac563b);
    animation: a819-c98bc6e80 1.5s ease-in-out infinite;
}

@keyframes a819-c98bc6e80 {
    0% { width: 0%; margin-left: 0; }
    50% { width: 60%; }
    100% { width: 0%; margin-left: 100%; }
}

/* ==============================================
   RESPONSIVE
   ============================================== */

@media (max-width: 768px) {
    :root {
        --a819-349a164d3: 32px;
        --a819-06cbf4332: 48px;
        --a819-64d0e960b: 64px;
    }
    
    body {
        font-size: 15px;
    }
    
    .a819-cb7e6c0a2 {
        padding-top: 62px;
    }
    
    .a819-759bda2b2 {
        padding: 8px 16px;
    }
    
    .a819-6bd0fc462 {
        height: 45px;
    }
    
    .a819-b839954c5 {
        top: 80px;
    }
    
    .a819-789e38918 {
        font-size: 28px;
    }
    
    .a819-721acc061 {
        font-size: 26px;
    }
    
    .a819-442db2b7b {
        padding: var(--a819-ae9155a98);
    }
    
    .a819-3fc24d18e {
        gap: var(--a819-a6a2f6ef4);
    }
    
    .a819-a03143db6 {
        font-size: 34px;
    }
    
    .a819-132fb3745 {
        flex-direction: column;
    }
    
    .a819-132fb3745 .a819-84cf53a53 {
        width: 100%;
    }
    
    .a819-91e537ce2 {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--a819-8d49215ea);
    }
    
    .a819-d69321ed9 {
        padding: var(--a819-8d49215ea);
    }
    
    .a819-d69321ed9 img,
    .a819-d69321ed9 .a819-f3b7c2df0 {
        height: 140px;
    }
    
    .a819-d69321ed9 h4 {
        font-size: 13px;
    }
    
    .a819-b12ebd7be {
        padding: var(--a819-349a164d3);
    }
    
    .a819-ae868c0c4 {
        font-size: 22px;
    }
    
    .a819-c0a302783 {
        font-size: 1.1rem;
    }
    
    .a819-7a148d90d {
        gap: 8px;
    }
    
    .a819-450c56091 {
        padding: 9px 18px;
        font-size: 13px;
    }
    
    .a819-079070b77 {
        bottom: var(--a819-a6a2f6ef4);
        left: var(--a819-a6a2f6ef4);
        right: var(--a819-a6a2f6ef4);
        width: auto;
        transform: translateX(0) translateY(300%);
    }
    
    .a819-079070b77.a819-e865022e8 {
        transform: translateX(0) translateY(0);
    }
    
    .a819-cfe8989b8 {
        font-size: 32px;
    }
}

@media (max-width: 480px) {
    :root {
        --a819-ae9155a98: 20px;
        --a819-349a164d3: 24px;
    }
    
    body {
        font-size: 14px;
    }
    
    .a819-cb7e6c0a2 {
        padding-top: 58px;
    }
    
    .a819-789e38918 {
        font-size: 24px;
    }
    
    .a819-721acc061 {
        font-size: 22px;
    }
    
    .a819-6d06fd931 {
        font-size: 10px;
    }
    
    .a819-a03143db6 {
        font-size: 28px;
    }
    
    .a819-91e537ce2 {
        gap: var(--a819-c762e8181);
    }
    
    .a819-d69321ed9 img,
    .a819-d69321ed9 .a819-f3b7c2df0 {
        height: 100px;
    }
    
    .a819-d69321ed9 h4 {
        font-size: 11px;
    }
    
    .a819-d69321ed9 .a819-1ec8e7ac7 {
        font-size: 10px;
    }
    
    .a819-450c56091 {
        padding: 7px 14px;
        font-size: 11px;
    }
}

/* Touch devices */
@media (hover: none) and (pointer: coarse) {
    .a819-84cf53a53,
    .a819-450c56091,
    .a819-b26d00c4b,
    .a819-2f43e809a,
    .a819-d69321ed9 {
        min-height: 48px;
    }
    
    .a819-84cf53a53:hover,
    .a819-450c56091:hover,
    .a819-b26d00c4b:hover,
    .a819-d69321ed9:hover {
        transform: none;
    }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
    
    .a819-b08efffac,
    .a819-d1b6b7d8a,
    .a819-915f3f800 {
        animation: none;
    }
}

/* Print */
@media print {
    .a819-9a9f5bd01,
    .a819-b839954c5,
    .a819-62518f9f8,
    .a819-079070b77,
    .a819-9076c8772,
    .a819-0f424148b,
    .a819-8720c29ea,
    .a819-215f48e63,
    .a819-504ae524a,
    .a819-b12ebd7be {
        display: none !important;
    }
    
    .a819-cb7e6c0a2 {
        padding-top: 0;
    }
    
    body {
        background: #d6e4fb;
        color: #0d1840;
    }
    
    a {
        color: #0d1840;
        text-decoration: underline;
    }
}