/* Critical CSS - Inline для мгновенной отрисовки */
:root {
    --f1497-e053c7c50: #25312c;
    --f1497-f1168e7e4: #111746;
    --f1497-171b46bd6: #24b6b5;
    --f1497-7ec5a8556: #d7e5f7;
}
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
html {
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
}
body {
    font-family:"Gill Sans MT","Trebuchet MS",sans-serif;
    background: var(--f1497-f1168e7e4);
    color: var(--f1497-7ec5a8556);
    line-height: 1.6;
    min-height: 100vh;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}
/* Container */
.f1497-deef25040 {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 24px;
}
/* Header - Критично для LCP */
.f1497-26f491f9d {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 300;
    background: rgba(23,46,66,0.85);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(215,229,247,0.08);
    height: 80px;
}
.f1497-7898d47ed {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 80px;
    gap: 24px;
}
/* Logo - Критично для LCP */
.f1497-1618ef3a2 {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
.f1497-738ba8222 {
    height: 50px;
    width: auto;
    object-fit: contain;
}
/* Navigation */
.f1497-5a1f5a31d {
    flex: 1;
    display: flex;
    justify-content: center;
}
.f1497-a150607d2 {
    display: flex;
    gap: 8px;
    list-style: none;
}
.f1497-4316d683b {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 8px 16px;
    color: rgba(215,229,247,0.7);
    font-size: 14px;
    font-weight: 500;
    border-radius: 12px;
    text-decoration: none;
    transition: all 0.3s ease;
}
.f1497-4316d683b.f1497-8d3f5c394,
.f1497-4316d683b:hover {
    color: var(--f1497-7ec5a8556);
    background: linear-gradient(135deg, var(--f1497-171b46bd6) 0%, #24b6b5cc 100%);
}
/* Buttons - Критично для CTA */
.f1497-a4ba62a76 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 24px;
    font-family:"Gill Sans MT","Trebuchet MS",sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
}
.f1497-1ab976943 {
    background: linear-gradient(135deg, var(--f1497-171b46bd6) 0%, #24b6b5cc 100%);
    color: var(--f1497-7ec5a8556);
    box-shadow: 0 0 30px rgba(240,229,252,0.4);
}
.f1497-ecdb6480c {
    background: transparent;
    color: var(--f1497-171b46bd6);
    border: 2px solid var(--f1497-171b46bd6);
}
.f1497-eac7c5ec8 {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}
/* Main Content */
.f1497-98246a3c0 {
    padding-top: 100px;
    padding-bottom: 64px;
    min-height: 100vh;
}
/* Title - Критично для LCP */
.f1497-91b505c88 {
    font-size: clamp(32px, 5vw, 56px);
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 24px;
    text-align: center;
    background: linear-gradient(135deg, var(--f1497-171b46bd6) 0%, #d7e5f7 50%, var(--f1497-171b46bd6) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
/* Preloader */
.f1497-fee78789b {
    position: fixed;
    inset: 0;
    background: var(--f1497-f1168e7e4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    transition: opacity 0.5s, visibility 0.5s;
}
.f1497-fee78789b.f1497-abf4ca219 {
    opacity: 0;
    visibility: hidden;
}
.f1497-1a51ca54d {
    width: 60px;
    height: 60px;
    border: 3px solid rgba(215,229,247,0.08);
    border-top-color: var(--f1497-171b46bd6);
    border-radius: 50%;
    animation: f1497-201befe30 1s linear infinite;
}
@keyframes f1497-201befe30 {
    to { transform: rotate(360deg); }
}
/* Mobile Menu */
.f1497-71789a6b5 {
    display: none;
    width: 44px;
    height: 44px;
    background: rgba(215,229,247,0.03);
    border: 1px solid rgba(215,229,247,0.08);
    border-radius: 12px;
    cursor: pointer;
}
/* Responsive */
@media (max-width: 1024px) {
    .f1497-5a1f5a31d,
    .f1497-eac7c5ec8 {
        display: none;
    }
    .f1497-71789a6b5 {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
@media (max-width: 768px) {
    .f1497-deef25040 {
        padding: 0 16px;
    }
    .f1497-98246a3c0 {
        padding-top: 90px;
    }
    .f1497-91b505c88 {
        font-size: 28px;
    }
}
/* Skeleton Loading для CLS */
.f1497-d650f1bdf {
    background: linear-gradient(90deg, rgba(215,229,247,0.03) 25%, rgba(215,229,247,0.08) 50%, rgba(215,229,247,0.03) 75%);
    background-size: 200px 100%;
    animation: f1497-f6040fd21 1.5s infinite;
}
@keyframes f1497-f6040fd21 {
    0% { background-position: -200px 0; }
    100% { background-position: calc(200px + 100%) 0; }
}
/* Layout Shift Prevention */
img {
    max-width: 100%;
    height: auto;
}
img[width][height] {
    aspect-ratio: attr(width) / attr(height);
}

/* ============================================
   ДАШБОРД СЛОТОВ v2.0
   ============================================ */
.f1497-fdc8b03e3 {
    margin: 3rem 0;
    padding: 3rem 0;
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.08) 0%, rgba(22,27,61,0.5) 100%);
    border-radius: 24px;
    border: 2px solid rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.15);
}
.f1497-fdc8b03e3::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--f1497-7ee482171), var(--f1497-8859fdcb8), transparent);
    background-size: 200% 100%;
    animation: f1497-1ec1594a8 4s linear infinite;
}
@keyframes f1497-1ec1594a8 {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}
.f1497-61bb48c1a {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 1.5rem;
    position: relative;
    z-index: 1;
}
.f1497-550688987 {
    margin-bottom: 2.5rem;
    text-align: center;
}
.f1497-00493f92c {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    padding: 1.5rem 2rem;
    background: linear-gradient(135deg, rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.1), rgba(22,27,61,0.4));
    border-radius: 20px;
    border: 1px solid rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.2);
}
.f1497-1011f8183 {
    font-size: 3.5rem;
    animation: f1497-50525171e 4s ease-in-out infinite;
}
@keyframes f1497-50525171e {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}
.f1497-a089b3901 {
    font-size: 1.8rem;
    font-weight: 800;
    margin-bottom: 0.3rem;
    background: linear-gradient(135deg, var(--f1497-7ee482171), var(--f1497-8859fdcb8));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.f1497-dd401562a {
    color: rgba(215,229,247,0.75);
    font-size: 0.95rem;
    text-align: center;
}
/* Вкладки */
.f1497-a16e76858 {
    display: flex;
    justify-content: center;
    gap: 0.75rem;
    margin-bottom: 2.5rem;
    flex-wrap: wrap;
}
.f1497-15666cdda {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.85rem 1.5rem;
    background: rgba(215,229,247,0.05);
    border: 2px solid rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.25);
    border-radius: 16px;
    color: rgba(215,229,247,0.9);
    font-size: 0.95rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
}
.f1497-15666cdda:hover {
    background: rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.15);
    border-color: rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.5);
    transform: translateY(-2px);
}
.f1497-15666cdda.f1497-8d3f5c394 {
    background: linear-gradient(135deg, var(--f1497-7ee482171), var(--f1497-8859fdcb8));
    border-color: var(--f1497-7ee482171);
    color: #251539;
    box-shadow: 0 4px 20px rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.4);
}
.f1497-15666cdda span {
    font-size: 1.2rem;
}
/* Контент вкладок */
.f1497-ba6b03ee3 {
    display: none;
    animation: f1497-c4db6381e 0.4s ease;
}
.f1497-ba6b03ee3.f1497-8d3f5c394 {
    display: block;
}
@keyframes f1497-c4db6381e {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
.f1497-7626b2908 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1.5rem;
}
/* ===== Variants (v1..f1497-183a9352e) ===== */
.f1497-fdc8b03e3.f1497-27817752c .f1497-7626b2908 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.1rem;
}
.f1497-fdc8b03e3.f1497-27817752c .f1497-1b08110c2 { border-radius: 18px; }
.f1497-fdc8b03e3.f1497-6e106fdc0 .f1497-7626b2908 {
    display: flex;
    gap: 1rem;
    overflow-x: auto;
    padding-bottom: 0.5rem;
    scroll-snap-type: x mandatory;
}
.f1497-fdc8b03e3.f1497-6e106fdc0 .f1497-1b08110c2 {
    min-width: 320px;
    scroll-snap-align: start;
}
.f1497-fdc8b03e3.f1497-12c055fe6 .f1497-7626b2908 {
    grid-template-columns: 1fr;
    gap: 0.85rem;
}
.f1497-fdc8b03e3.f1497-12c055fe6 .f1497-1b08110c2 {
    border-radius: 14px;
}
.f1497-fdc8b03e3.f1497-12c055fe6 .f1497-206c7ad2e { display: none; }
.f1497-fdc8b03e3.f1497-12c055fe6 .f1497-ae54914e9 { display: flex; justify-content: space-between; }
/* Карточка слота */
.f1497-1b08110c2 {
    background: linear-gradient(135deg, rgba(22,27,61,0.5) 0%, rgba(27,22,47,0.8) 100%);
    border: 2px solid rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.2);
    border-radius: 20px;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    animation: f1497-0a0874ec5 0.6s ease-out backwards;
}
@keyframes f1497-0a0874ec5 {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}
.f1497-1b08110c2:hover {
    transform: translateY(-8px);
    border-color: rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.5);
    box-shadow: 0 16px 40px rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.25);
}
.f1497-afc12120c {
    padding: 0;
}
/* Постер с картинкой */
.f1497-e23f74a06 {
    position: relative;
    height: 160px;
    overflow: hidden;
    background: linear-gradient(135deg, #b477ff 0%, #111746 100%);
}
.f1497-e23f74a06 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}
.f1497-1b08110c2:hover .f1497-e23f74a06 img {
    transform: scale(1.08);
}
.f1497-3644a4e01 {
    position: absolute;
    inset: 0;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.15) 0%, rgba(22,27,61,0.6) 100%);
}
.f1497-3644a4e01.f1497-6d4a4e2e5 {
    display: flex;
}
.f1497-f16b39b59 {
    font-size: 4rem;
    opacity: 0.9;
}
.f1497-e30e909ce {
    font-size: 1rem;
    font-weight: 700;
    color: rgba(215,229,247,0.95);
    text-align: center;
    padding: 0 1rem;
}
.f1497-ed0811428 {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    padding: 0.25rem 0.6rem;
    border-radius: 10px;
    font-size: 0.65rem;
    font-weight: 800;
    text-transform: uppercase;
}
.f1497-9d588a1b3 {
    background: linear-gradient(135deg, var(--f1497-7ee482171), var(--f1497-8859fdcb8));
    color: #251539;
}
.f1497-2b454b64c {
    background: rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.4);
    color: #d7e5f7;
}
.f1497-e0717d175 {
    background: rgba(215,229,247,0.2);
    color: #d7e5f7;
}
/* Инфо */
.f1497-2bfd8395c {
    padding: 1rem 1.25rem 0.75rem;
}
.f1497-6826f2958 {
    font-size: 1.2rem;
    font-weight: 700;
    color: #d7e5f7;
    margin-bottom: 0.25rem;
}
.f1497-f0605efa9 {
    font-size: 0.8rem;
    color: rgba(215,229,247,0.65);
}
/* Мини-график */
.f1497-206c7ad2e {
    padding: 0 1.25rem 1rem;
}
.f1497-cf56c616b {
    display: block;
    font-size: 0.7rem;
    color: rgba(215,229,247,0.6);
    margin-bottom: 0.5rem;
}
.f1497-a9089a46a {
    display: flex;
    align-items: flex-end;
    gap: 0.25rem;
    height: 48px;
}
.f1497-1dddfb344 {
    flex: 1;
    min-width: 4px;
    background: linear-gradient(180deg, var(--f1497-7ee482171), var(--f1497-8859fdcb8));
    border-radius: 4px 4px 0 0;
    animation: f1497-ca0842c5f 0.8s ease-out backwards;
}
@keyframes f1497-ca0842c5f {
    from { height: 0 !important; opacity: 0; }
    to { opacity: 1; }
}
/* Футер карточки */
.f1497-ae54914e9 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    background: rgba(22,27,61,0.3);
    border-top: 1px solid rgba(215,229,247,0.06);
}
.f1497-e39b882ab {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    padding: 0.35rem 0.6rem 0.35rem 0.75rem;
    background: rgba(215,229,247,0.04);
    border-left: 3px solid var(--f1497-7ee482171);
    border-radius: 0 8px 8px 0;
}
.f1497-0c937d33a {
    font-size: 0.6rem;
    color: rgba(215,229,247,0.45);
    text-transform: uppercase;
    letter-spacing: 0.8px;
}
.f1497-9d7d37147 {
    font-size: 1.1rem;
    font-weight: 800;
    color: var(--f1497-7ee482171);
    letter-spacing: 0.5px;
}
.f1497-d3317f0c3 {
    padding: 0.6rem 1.4rem;
    background: linear-gradient(135deg, var(--f1497-7ee482171), var(--f1497-8859fdcb8));
    color: #251539;
    border-radius: 12px;
    font-weight: 800;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all 0.3s ease;
}
.f1497-d3317f0c3:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 15px rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.5);
}
/* Адаптив */
@media (max-width: 768px) {
    .f1497-a089b3901 { font-size: 1.5rem; }
    .f1497-7626b2908 { grid-template-columns: 1fr; }
    .f1497-a16e76858 { gap: 0.5rem; }
    .f1497-15666cdda { padding: 0.6rem 1rem; font-size: 0.85rem; }
    .f1497-e23f74a06 { height: 140px; }
}
@media (max-width: 480px) {
    .f1497-61bb48c1a { padding: 0 1rem; }
    .f1497-00493f92c { flex-direction: column; text-align: center; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
    .f1497-1b08110c2, .f1497-1dddfb344 { animation: none; }
}

/* Блок запросов сайта — другая структура */
.f1497-73031af0e {
    margin: 2.75rem 0;
    padding: 2rem;
    background: linear-gradient(165deg, rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.06) 0%, rgba(22,27,61,0.25) 100%);
    border-radius: 18px;
    border: 1px solid rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.2);
    box-shadow: 0 8px 28px rgba(22,27,61,0.2);
}
.f1497-70ce8aff0 {
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 1.35rem;
    color: var(--f1497-7ee482171);
    text-align: center;
}
.f1497-9b2923cd7 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.85rem;
}
.f1497-2d14324c3 {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    background: rgba(22,27,61,0.35);
    border: 1px solid rgba(215,229,247,0.12);
    border-radius: 999px;
    text-decoration: none;
    color: rgba(215,229,247,0.92);
    font-size: 0.9rem;
    font-weight: 500;
    transition: background 0.25s, border-color 0.25s, transform 0.2s ease;
}
.f1497-2d14324c3:hover {
    background: rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.18);
    border-color: rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.4);
    transform: translateY(-2px);
}
.f1497-dba6231b5 {
    font-size: 0.9rem;
    opacity: 0.8;
}
.f1497-6bf462e85 {
    #c6dce3-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 220px;
}
/* Additional Content */
.f1497-4a1c0c16c {
    margin: 3rem 0;
    padding: 2.5rem;
    background: linear-gradient(135deg, rgba(23,46,66,0.6), rgba(38,39,76,0.8));
    border-radius: 24px;
    border: 2px solid rgba(171,121,254,0.2);
}
.f1497-b566e05a9 {
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: 2rem;
    text-align: center;
    background: linear-gradient(135deg, #6072d0, #6072d0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.f1497-e4c89e596 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
}
.f1497-fca83837a {
    padding: 1.5rem;
    background: linear-gradient(135deg, rgba(171,121,254,0.08), rgba(22,27,61,0.4));
    border: 1px solid rgba(171,121,254,0.2);
    border-radius: 16px;
    transition: all 0.3s ease;
}
.f1497-fca83837a:hover {
    border-color: rgba(171,121,254,0.5);
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(171,121,254,0.3);
}
.f1497-c54878ebf {
    font-size: 2.5rem;
    margin-bottom: 1rem;
}
.f1497-4f7d5fb51 {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
    color: #6072d0;
}
.f1497-b2581ff36 {
    font-size: 0.95rem;
    line-height: 1.6;
    color: rgba(215,229,247,0.85);
}
/* Internal Links */
.f1497-decdff1bc {
    color: #6072d0;
    text-decoration: underline;
    text-decoration-style: dotted;
    transition: all 0.2s ease;
}
.f1497-decdff1bc:hover {
    color: #6072d0;
    text-decoration-style: solid;
}
@media (max-width: 768px) {
    .f1497-9b2923cd7 {
        flex-direction: column;
        align-items: stretch;
    }
    .f1497-2d14324c3 {
        justify-content: flex-start;
    }
    .f1497-6bf462e85 {
        max-width: none;
    }
    .f1497-e4c89e596 {
        grid-template-columns: 1fr;
    }
    .f1497-b566e05a9 {
        font-size: 1.5rem;
    }
}

/* Value pillars — опоры ценности бренда */
.f1497-8f61c1468 {
    margin: 2.75rem 0;
    padding: 2.25rem;
    background: linear-gradient(165deg, rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.06) 0%, rgba(22,27,61,0.3) 100%);
    border-radius: 20px;
    border: 1px solid rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.22);
    box-shadow: 0 12px 40px rgba(22,27,61,0.25), 0 0 0 1px rgba(215,229,247,0.04) inset;
    position: relative;
    overflow: hidden;
}
.f1497-8f61c1468::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--f1497-7ee482171), transparent);
    opacity: 0.6;
}
.f1497-326088bda {
    font-size: 1.65rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 2rem;
    color: var(--f1497-7ee482171);
    text-shadow: 0 0 24px rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.25);
}
.f1497-b65b95468 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1.35rem;
}
/* ===== Variants (v1..f1497-183a9352e) ===== */
.f1497-8f61c1468.f1497-27817752c .f1497-b65b95468 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.9rem;
}
.f1497-8f61c1468.f1497-27817752c .f1497-ff8c5e47d {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.6rem;
    padding: 1.15rem;
}
.f1497-8f61c1468.f1497-27817752c .f1497-31833329c { font-size: 1.8rem; }
.f1497-8f61c1468.f1497-27817752c .f1497-0337ad285 { font-size: 1rem; }
.f1497-8f61c1468.f1497-6e106fdc0 {
    padding: 1.35rem;
}
.f1497-8f61c1468.f1497-6e106fdc0 .f1497-b65b95468 {
    display: flex;
    gap: 0.85rem;
    overflow-x: auto;
    padding-bottom: 0.5rem;
    scroll-snap-type: x mandatory;
}
.f1497-8f61c1468.f1497-6e106fdc0 .f1497-ff8c5e47d {
    min-width: 280px;
    scroll-snap-align: start;
}
.f1497-8f61c1468.f1497-12c055fe6 {
    background: rgba(22,27,61,0.22);
    border-color: rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.14);
}
.f1497-8f61c1468.f1497-12c055fe6 .f1497-b65b95468 { grid-template-columns: 1fr; }
.f1497-8f61c1468.f1497-12c055fe6 .f1497-ff8c5e47d {
    background: transparent;
    border: 1px dashed rgba(215,229,247,0.16);
}
.f1497-ff8c5e47d {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.5rem;
    background: linear-gradient(135deg, rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.06), rgba(22,27,61,0.4));
    border: 1px solid rgba(215,229,247,0.1);
    border-radius: 16px;
    transition: border-color 0.3s, box-shadow 0.3s, transform 0.25s ease;
}
.f1497-ff8c5e47d:hover {
    border-color: rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.4);
    box-shadow: 0 10px 28px rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.15), 0 0 0 1px rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.1);
    transform: translateY(-3px);
}
.f1497-31833329c {
    font-size: 2.2rem;
    flex-shrink: 0;
    filter: drop-shadow(0 0 8px rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.2));
}
.f1497-0788944c7 {
    flex: 1;
    min-width: 0;
}
.f1497-0337ad285 {
    font-size: 1.12rem;
    font-weight: 700;
    margin: 0 0 0.45rem 0;
    color: var(--f1497-7ee482171);
}
.f1497-b0d43abfa {
    font-size: 0.9rem;
    color: rgba(215,229,247,0.82);
    line-height: 1.5;
    margin: 0;
}
/* Stats row — цифры */
.f1497-340612744 {
    margin: 2rem 0;
    padding: 1.75rem;
    background: rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.06);
    border-radius: 18px;
    border: 1px solid rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.15);
}
.f1497-cc1bb69e4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
}
.f1497-b0d219348 {
    text-align: center;
    padding: 1.25rem 1rem;
    background: rgba(22,27,61,0.2);
    border-radius: 12px;
    border: 1px solid rgba(215,229,247,0.06);
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    transition: border-color 0.2s;
}
.f1497-b0d219348:hover {
    border-color: rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.3);
}
.f1497-9ac95bf06 {
    font-size: 2rem;
}
.f1497-e99e50599 {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--f1497-7ee482171);
}
.f1497-02cdced3a {
    font-size: 0.8rem;
    color: rgba(215,229,247,0.7);
}
@media (max-width: 768px) {
    .f1497-b65b95468 {
        grid-template-columns: 1fr;
    }
    .f1497-cc1bb69e4 {
        grid-template-columns: repeat(2, 1fr);
    }
    .f1497-326088bda {
        font-size: 1.35rem;
    }
}
@media (max-width: 480px) {
    .f1497-cc1bb69e4 {
        grid-template-columns: 1fr;
    }
}

/* Bonus Calculator Widget */
.f1497-53da08d56 {
    margin: 3rem 0;
    padding: 2.5rem;
    background: linear-gradient(135deg, var(--f1497-7ee482171) 0%, var(--f1497-8859fdcb8) 100%);
    border-radius: 24px;
    box-shadow: 0 15px 50px rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.4);
}
/* ===== Variants (v1..f1497-183a9352e) ===== */
.f1497-53da08d56.f1497-27817752c {
    background: linear-gradient(135deg, rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.12) 0%, rgba(22,27,61,0.55) 100%);
    border: 1px solid rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.22);
    box-shadow: 0 18px 55px rgba(22,27,61,0.35);
}
.f1497-53da08d56.f1497-27817752c .f1497-d092591e3 { grid-template-columns: 1fr 1fr; }
.f1497-53da08d56.f1497-27817752c .f1497-b0a5eb524 { margin-top: 0.5rem; }
.f1497-53da08d56.f1497-6e106fdc0 {
    padding: 1.75rem;
    background: rgba(22,27,61,0.35);
    border: 1px solid rgba(215,229,247,0.12);
}
.f1497-53da08d56.f1497-6e106fdc0 .f1497-84d40d0f6 { font-size: 1.5rem; }
.f1497-53da08d56.f1497-6e106fdc0 .f1497-d092591e3 { gap: 1rem; }
.f1497-53da08d56.f1497-6e106fdc0 .f1497-dff4e1770 { width: 100%; }
.f1497-53da08d56.f1497-12c055fe6 {
    background: linear-gradient(180deg, rgba(22,27,61,0.55) 0%, rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.08) 100%);
    border: 1px dashed rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.28);
}
.f1497-53da08d56.f1497-12c055fe6 .f1497-b0a5eb524 { background: rgba(215,229,247,0.06); }
.f1497-b74de17c3 {
    text-align: center;
    margin-bottom: 2rem;
}
.f1497-84d40d0f6 {
    font-size: 2rem;
    font-weight: 800;
    color: #c6dce3;
    margin-bottom: 0.5rem;
}
.f1497-190b01357 {
    font-size: 1rem;
    color: rgba(215,229,247,0.9);
}
.f1497-d092591e3 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}
.f1497-68de8a28c {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.f1497-380c23e67 {
    font-weight: 600;
    color: #c6dce3;
    font-size: 0.95rem;
}
.f1497-210c2942d {
    padding: 1rem;
    border: none;
    border-radius: 12px;
    font-size: 1.1rem;
    font-weight: 600;
    background: rgba(215,229,247,0.95);
    color: #141b4a;
    transition: all 0.3s ease;
}
.f1497-210c2942d:focus {
    outline: none;
    background: #c6dce3;
    box-shadow: 0 0 0 3px rgba(215,229,247,0.3);
}
.f1497-b0a5eb524 {
    background: rgba(215,229,247,0.15);
    backdrop-filter: blur(10px);
    padding: 1.5rem;
    border-radius: 16px;
    margin-bottom: 1.5rem;
}
.f1497-40ae9d007 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 0;
}
.f1497-40ae9d007:not(:last-child) {
    border-bottom: 1px solid rgba(215,229,247,0.2);
}
.f1497-782387ef2 {
    font-weight: 600;
    color: #c6dce3;
    font-size: 1rem;
}
.f1497-bcfe58f1b {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--f1497-7eed8d495);
}
.f1497-657581a92 .f1497-bcfe58f1b {
    font-size: 2rem;
    color: var(--f1497-7eed8d495);
}
.f1497-dff4e1770 {
    width: 100%;
    padding: 1.25rem;
    background: linear-gradient(135deg, var(--f1497-7eed8d495), var(--f1497-7ee482171));
    color: #25312c;
    border: none;
    border-radius: 12px;
    font-size: 1.1rem;
    font-weight: 800;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 6px 20px rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.3);
}
.f1497-dff4e1770:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.5);
}
/* Promo Timer Widget */
.f1497-953b6c91a {
    margin: 3rem 0;
    padding: 2.5rem;
    background: linear-gradient(135deg, var(--f1497-7ee482171) 0%, var(--f1497-8859fdcb8) 100%);
    border-radius: 24px;
    box-shadow: 0 15px 50px rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.4);
    text-align: center;
}
/* ===== Variants (v1..f1497-183a9352e) ===== */
.f1497-953b6c91a.f1497-27817752c {
    background: linear-gradient(135deg, rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.12) 0%, rgba(22,27,61,0.55) 100%);
    border: 1px solid rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.22);
    text-align: left;
}
.f1497-953b6c91a.f1497-27817752c .f1497-6ce717d22 {
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 1.25rem;
}
.f1497-953b6c91a.f1497-27817752c .f1497-8da9a0154 { text-align: center; }
.f1497-953b6c91a.f1497-6e106fdc0 {
    padding: 1.75rem;
    background: rgba(22,27,61,0.35);
    border: 1px solid rgba(215,229,247,0.12);
}
.f1497-953b6c91a.f1497-6e106fdc0 .f1497-6ce717d22 {
    display: flex;
    gap: 0.75rem;
    overflow-x: auto;
    justify-content: flex-start;
    padding-bottom: 0.35rem;
}
.f1497-953b6c91a.f1497-6e106fdc0 .f1497-32667a8c1 { min-width: 140px; }
.f1497-953b6c91a.f1497-12c055fe6 {
    background: linear-gradient(180deg, rgba(22,27,61,0.55) 0%, rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.08) 100%);
    border: 1px dashed rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.28);
}
.f1497-953b6c91a.f1497-12c055fe6 .f1497-32667a8c1 {
    background: rgba(215,229,247,0.08);
    border-color: rgba(215,229,247,0.18);
}
.f1497-a81348db7 {
    margin-bottom: 2rem;
}
.f1497-679383d87 {
    font-size: 2rem;
    font-weight: 800;
    color: #c6dce3;
}
.f1497-6ce717d22 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    margin-bottom: 2rem;
}
.f1497-32667a8c1 {
    background: rgba(215,229,247,0.2);
    backdrop-filter: blur(10px);
    padding: 1.5rem;
    border-radius: 16px;
    border: 2px solid rgba(215,229,247,0.3);
}
.f1497-410606c79 {
    font-size: 3rem;
    font-weight: 800;
    color: #c6dce3;
    line-height: 1;
    margin-bottom: 0.5rem;
}
.f1497-f0114a90e {
    font-size: 0.9rem;
    color: rgba(215,229,247,0.9);
    font-weight: 600;
}
.f1497-1ee62dc43 {
    display: inline-block;
    padding: 1.25rem 3rem;
    background: #c6dce3;
    color: var(--f1497-8859fdcb8);
    border-radius: 12px;
    font-size: 1.1rem;
    font-weight: 800;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 6px 20px rgba(215,229,247,0.3);
}
.f1497-1ee62dc43:hover {
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 10px 30px rgba(215,229,247,0.5);
}
@media (max-width: 768px) {
    .f1497-d092591e3 {
        grid-template-columns: 1fr;
    }
    
    .f1497-6ce717d22 {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .f1497-84d40d0f6,
    .f1497-679383d87 {
        font-size: 1.5rem;
    }
    
    .f1497-410606c79 {
        font-size: 2rem;
    }
}

/* Bonus Programs Section */
.f1497-c167a833c {
    margin: 3rem 0;
    padding: 2.5rem;
    background: linear-gradient(135deg, var(--f1497-7ee482171) 0%, var(--f1497-8859fdcb8) 100%);
    border-radius: 24px;
    box-shadow: 0 15px 50px rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.4);
}

/* ===== Variants (v1..f1497-183a9352e) ===== */
.f1497-c167a833c.f1497-27817752c {
    background: linear-gradient(135deg, rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.12) 0%, rgba(22,27,61,0.55) 100%);
    border: 1px solid rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.22);
    box-shadow: 0 18px 55px rgba(22,27,61,0.35);
}
.f1497-c167a833c.f1497-27817752c .f1497-cd0ed635a { grid-template-columns: 1fr; }
.f1497-c167a833c.f1497-27817752c .f1497-64f2b80cc { display: grid; grid-template-columns: 72px 1fr; gap: 1rem; align-items: start; }
.f1497-c167a833c.f1497-27817752c .f1497-20f5e234d { grid-row: span 3; }

.f1497-c167a833c.f1497-6e106fdc0 {
    background: rgba(22,27,61,0.35);
    border: 1px solid rgba(215,229,247,0.12);
}
.f1497-c167a833c.f1497-6e106fdc0 .f1497-cd0ed635a {
    display: flex;
    overflow-x: auto;
    gap: 1rem;
    padding-bottom: 0.5rem;
    scroll-snap-type: x mandatory;
}
.f1497-c167a833c.f1497-6e106fdc0 .f1497-64f2b80cc { min-width: 320px; scroll-snap-align: start; }

.f1497-c167a833c.f1497-12c055fe6 {
    background: linear-gradient(180deg, rgba(22,27,61,0.55) 0%, rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.08) 100%);
    border: 1px dashed rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.28);
}
.f1497-c167a833c.f1497-12c055fe6 .f1497-64f2b80cc { background: rgba(215,229,247,0.10); border-color: rgba(215,229,247,0.20); }

.f1497-8714bf290 {
    font-size: 2rem;
    font-weight: 800;
    text-align: center;
    color: #c6dce3;
    margin-bottom: 2.5rem;
}

.f1497-cd0ed635a {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
}

.f1497-64f2b80cc {
    background: rgba(215,229,247,0.15);
    backdrop-filter: blur(10px);
    padding: 2rem;
    border-radius: 20px;
    border: 2px solid rgba(215,229,247,0.2);
    text-align: center;
    transition: all 0.3s ease;
}

.f1497-64f2b80cc:hover {
    transform: translateY(-8px);
    border-color: rgba(215,229,247,0.4);
    box-shadow: 0 12px 35px rgba(22,27,61,0.3);
}

.f1497-20f5e234d {
    font-size: 4rem;
    margin-bottom: 1rem;
    animation: f1497-cb09bbfbc 2s ease-in-out infinite;
}

@keyframes f1497-cb09bbfbc {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

.f1497-313a1d932 {
    font-size: 1.5rem;
    font-weight: 700;
    color: #c6dce3;
    margin-bottom: 1rem;
}

.f1497-5e70cc8a5 {
    font-size: 2.5rem;
    font-weight: 800;
    color: var(--f1497-7eed8d495);
    margin-bottom: 0.5rem;
}

.f1497-b3f913af7 {
    font-size: 1.1rem;
    color: rgba(215,229,247,0.9);
    margin-bottom: 1.5rem;
}

.f1497-38cb9a8bf {
    list-style: none;
    padding: 0;
    margin: 1.5rem 0;
    text-align: left;
}

.f1497-38cb9a8bf li {
    padding: 0.5rem 0;
    color: rgba(215,229,247,0.9);
    font-size: 0.95rem;
}

.f1497-696aad957 {
    display: block;
    padding: 1rem 2rem;
    background: #c6dce3;
    color: var(--f1497-8859fdcb8);
    border-radius: 12px;
    text-decoration: none;
    font-weight: 700;
    font-size: 1rem;
    margin-top: 1.5rem;
    transition: all 0.3s ease;
}

.f1497-696aad957:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 20px rgba(215,229,247,0.4);
}

@media (max-width: 768px) {
    .f1497-cd0ed635a {
        grid-template-columns: 1fr;
    }
    
    .f1497-8714bf290 {
        font-size: 1.5rem;
    }
    
    .f1497-5e70cc8a5 {
        font-size: 2rem;
    }
}

.f1497-5675edf35 {
    margin: 1.75rem 0;
    padding: 1.35rem;
    background: rgba(13,29,53,0.85);
    border-radius: 14px;
    border: 1px solid rgba(215,229,247,0.08);
    overflow: hidden;
}
.f1497-edc4f9d44 { margin-bottom: 1.25rem; }
.f1497-5900409d2 {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--f1497-7ee482171);
    letter-spacing: 0.04em;
    margin-bottom: 0.9rem;
}
.f1497-d87f9eef6 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.9rem;
}
.f1497-5e5409206 {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.9rem;
    background: rgba(215,229,247,0.04);
    border-radius: 10px;
    border: 1px solid rgba(215,229,247,0.06);
    transition: border-color 0.2s, background 0.2s;
}
.f1497-5e5409206:hover {
    background: rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.06);
    border-color: rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.18);
}
.f1497-8029da1d4 { animation: f1497-8a16913cb 2.2s ease-in-out infinite; }
@keyframes f1497-8a16913cb {
    0%, 100% { box-shadow: 0 0 4px rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.08); }
    50% { box-shadow: 0 0 12px rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.2); }
}
.f1497-7d2b83dc3 { font-size: 1.6rem; }
.f1497-e92a6097b { display: flex; flex-direction: column; gap: 0.2rem; }
.f1497-7b09d3896 {
    font-size: 0.65rem;
    color: rgba(215,229,247,0.55);
    text-transform: uppercase;
}
.f1497-4723408dc {
    font-size: 1rem;
    font-weight: 800;
    color: var(--f1497-82e6e485b, var(--f1497-7ee482171));
}
.f1497-dbd9e097b {
    background: rgba(22,27,61,0.25);
    border-radius: 10px;
    overflow: hidden;
}
.f1497-ba60c9021 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.65rem 0.9rem;
    background: rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.06);
    border-bottom: 1px solid rgba(215,229,247,0.06);
}
.f1497-2f7c2fe4f {
    width: 6px;
    height: 6px;
    background: var(--f1497-7ee482171);
    border-radius: 50%;
    animation: f1497-9b25b1b0a 1.4s ease-in-out infinite;
}
@keyframes f1497-9b25b1b0a {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}
.f1497-fe2bb6fee {
    font-size: 0.7rem;
    font-weight: 700;
    color: rgba(215,229,247,0.75);
    letter-spacing: 0.05em;
}
.f1497-985baa22d {
    overflow: hidden;
    padding: 0.65rem 0;
}
.f1497-256cd6c8b {
    display: flex;
    gap: 1.5rem;
    animation: f1497-ca132754c 28s linear infinite;
    width: max-content;
}
.f1497-256cd6c8b:hover { animation-play-state: paused; }
@keyframes f1497-ca132754c {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.f1497-cbf6d58d9 {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.45rem 0.85rem;
    background: rgba(215,229,247,0.03);
    border-radius: 6px;
    #c6dce3-space: nowrap;
    font-size: 0.82rem;
}
.f1497-d01499ccc {
    background: rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.07);
    border: 1px solid rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.18);
}
.f1497-b2d03ce31 { background: rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.05); }
.f1497-fe5e84056 { background: rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.03); }
.f1497-84c0ca286 { font-size: 0.95rem; }
.f1497-f75857d90 { font-weight: 600; color: #eaebf0; }
.f1497-25d4387de { color: rgba(215,229,247,0.25); }
.f1497-c32e93999 { font-weight: 700; color: #ff6660; }
.f1497-c829c99d7 { color: var(--f1497-7ee482171); font-weight: 500; }
.f1497-ef51d60e3 { color: rgba(215,229,247,0.35); font-size: 0.7rem; margin-left: 0.4rem; }
.f1497-7a4e5cd94 { margin-top: 0.9rem; text-align: center; }
.f1497-cb0cf2c13 {
    display: inline-flex;
    align-items: center;
    padding: 0.6rem 1.4rem;
    background: var(--f1497-7ee482171);
    color: #102632;
    font-weight: 600;
    font-size: 0.82rem;
    border-radius: 10px;
    text-decoration: none;
    transition: background 0.2s;
}
.f1497-cb0cf2c13:hover { background: var(--f1497-7eed8d495, #b37cff); }
@media (max-width: 768px) {
    .f1497-5675edf35 { padding: 1rem; margin: 1.25rem 0; border-radius: 12px; }
    .f1497-d87f9eef6 { grid-template-columns: 1fr; gap: 0.65rem; }
    .f1497-5e5409206 { padding: 0.75rem; }
    .f1497-ba60c9021 { padding: 0.5rem 0.75rem; }
    .f1497-cbf6d58d9 { font-size: 0.78rem; padding: 0.4rem 0.7rem; }
    .f1497-256cd6c8b { animation-duration: 22s; }
    .f1497-ef51d60e3 { display: none; }
    .f1497-cb0cf2c13 { padding: 0.55rem 1.2rem; font-size: 0.8rem; }
}
@media (max-width: 480px) {
    .f1497-5675edf35 { padding: 0.75rem; margin: 1rem 0; }
    .f1497-5900409d2 { font-size: 0.75rem; margin-bottom: 0.65rem; }
    .f1497-4723408dc { font-size: 0.9rem; }
    .f1497-cbf6d58d9 { font-size: 0.72rem; padding: 0.35rem 0.6rem; }
    .f1497-c829c99d7 { display: none; }
    .f1497-cb0cf2c13 { width: 100%; justify-content: center; min-height: 44px; }
}
/* ===== Variants (v1..f1497-183a9352e) ===== */
.f1497-5675edf35.f1497-27817752c .f1497-d87f9eef6 { grid-template-columns: repeat(2, 1fr); }
.f1497-5675edf35.f1497-27817752c .f1497-dbd9e097b { margin-top: 1rem; }
.f1497-5675edf35.f1497-27817752c .f1497-cbf6d58d9 { padding: 0.6rem 0.75rem; }
.f1497-5675edf35.f1497-6e106fdc0 .f1497-d87f9eef6 {
    display: flex;
    overflow-x: auto;
    gap: 0.75rem;
    padding-bottom: 0.4rem;
    scroll-snap-type: x mandatory;
}
.f1497-5675edf35.f1497-6e106fdc0 .f1497-5e5409206 { min-width: 220px; scroll-snap-align: start; }
.f1497-5675edf35.f1497-6e106fdc0 .f1497-985baa22d { overflow: hidden; }
.f1497-5675edf35.f1497-12c055fe6 { background: rgba(22,27,61,0.32); border-style: dashed; }
.f1497-5675edf35.f1497-12c055fe6 .f1497-edc4f9d44 { display: none; }
.f1497-5675edf35.f1497-12c055fe6 .f1497-c829c99d7 { display: none; }

.f1497-8f035ea9d {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 9998;
    max-width: 320px;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
}
.f1497-83efb59dd {
    position: relative;
    pointer-events: auto;
    cursor: pointer;
    background: linear-gradient(135deg, rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.2) 0%, rgba(22,27,61,0.9) 100%);
    color: #d7e5f7;
    padding: 16px 20px;
    border-radius: 16px;
    border: 1px solid rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.25);
    box-shadow: 0 10px 40px rgba(22,27,61,0.5), 0 0 20px rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.2);
    backdrop-filter: blur(16px);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    animation: f1497-c3fc11d80 0.45s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}
.f1497-83efb59dd::before {
    content: "LIVE";
    position: absolute;
    top: 8px;
    right: 12px;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1px;
    color: var(--f1497-7ee482171);
    opacity: 0.8;
}
.f1497-83efb59dd:hover {
    transform: scale(1.02) translateX(5px);
    box-shadow: 0 12px 45px rgba(22,27,61,0.55), 0 0 25px rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.35);
}
.f1497-83efb59dd.f1497-b0a3d8840 {
    animation: f1497-ad110fc5f 0.35s ease-in forwards;
}
@keyframes f1497-c3fc11d80 {
    from { transform: translateX(-380px); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}
@keyframes f1497-ad110fc5f {
    from { transform: translateX(0); opacity: 1; }
    to { transform: translateX(-380px); opacity: 0; }
}
.f1497-61f3603d1 {
    display: flex;
    align-items: center;
    gap: 14px;
}
.f1497-ba1a80396 { font-size: 32px; flex-shrink: 0; animation: f1497-6189c0b0b 1.5s ease-in-out infinite; }
@keyframes f1497-6189c0b0b { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.1); } }
.f1497-00b935b77 { flex: 1; min-width: 0; }
.f1497-e121c7ffd { font-weight: 700; font-size: 14px; margin-bottom: 4px; color: rgba(215,229,247,0.98); }
.f1497-d5b84a8ca { font-size: 19px; font-weight: 900; color: var(--f1497-7ee482171); text-shadow: 0 0 15px rgba(var(--f1497-4dd8ffbd7, 231, 184, 75), 0.6); margin-bottom: 3px; letter-spacing: 0.5px; }
.f1497-a3858ea4d { font-size: 12px; opacity: 0.9; color: rgba(215,229,247,0.75); }
.f1497-a0510d17e {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    border: none;
    background: rgba(215,229,247,0.15);
    color: #d7e5f7;
    border-radius: 50%;
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    transition: background 0.2s;
}
.f1497-a0510d17e:hover {
    background: rgba(215,229,247,0.3);
}
@media (max-width: 768px) {
    .f1497-8f035ea9d { bottom: 10px; left: 10px; right: 10px; max-width: none; align-items: stretch; }
    .f1497-83efb59dd { padding: 12px 14px; }
}

:root {
            --f1497-34b1616b0: #25312c;
            --f1497-3c968ea13: #111746;
            --f1497-7ee482171: #24b6b5;
            --f1497-8859fdcb8: #30bbb0;
            --f1497-7eed8d495: #aa76ff;
            --f1497-4dd8ffbd7: 159,230,83;
            --f1497-1fa5dac6c: #d7e5f7;
            --f1497-317fecd07: linear-gradient(180deg, #25312c 0%, #111746 100%);
            --f1497-41c25de10: linear-gradient(135deg, #24b6b5 0%, #30bbb0 100%);
            --f1497-22c0084b3: 0 0 20px rgba(171,121,254,0.4);
            --f1497-001e7e5c5: rgba(215,229,247,0.03);
            --f1497-cb9a8b215: rgba(215,229,247,0.06);
            --f1497-d709005a4: #24b6b5;
            --f1497-1e253f5a2: #30bbb0;
            --f1497-7a3842e78: #aa76ff;
        }
        
        .f1497-5f5c1b576 {
            position: absolute !important;
            width: 1px !important;
            height: 1px !important;
            margin: -1px !important;
            padding: 0 !important;
            overflow: hidden !important;
            clip: rect(0, 0, 0, 0) !important;
            clip-path: inset(50%) !important;
            #c6dce3-space: nowrap !important;
            border: 0 !important;
        }
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family:"Gill Sans MT","Trebuchet MS",sans-serif;
            background: #25312c;
            color: #dfe5ed;
            line-height: 1.6;
            overflow-x: hidden;
            min-height: 100vh;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
        
        .f1497-26f491f9d {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 9999;
            background: rgba(22,27,61,0.85);
            backdrop-filter: saturate(180%) blur(20px);
            -webkit-backdrop-filter: saturate(180%) blur(20px);
            border-bottom: 1px solid rgba(215,229,247,0.08);
            transition: background 0.35s ease, border-color 0.35s ease, padding 0.35s ease;
        }
        
        .f1497-26f491f9d::before,
        .f1497-26f491f9d::after {
            display: none !important;
        }
        
        .f1497-26f491f9d.f1497-34881e9c8 {
            background: rgba(22,27,61,0.45);
            border-bottom-color: rgba(215,229,247,0.04);
        }
        
        .f1497-7898d47ed {
            max-width: 1440px;
            margin: 0 auto;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 10px 24px;
            gap: 16px;
            transition: padding 0.35s ease;
        }
        
        .f1497-26f491f9d.f1497-34881e9c8 .f1497-7898d47ed {
            padding: 4px 24px;
            justify-content: center;
        }
        
        .f1497-1618ef3a2 {
            flex-shrink: 0;
            transition: opacity 0.35s ease, max-width 0.35s ease, margin 0.35s ease;
            overflow: hidden;
            max-width: 200px;
        }
        
        .f1497-26f491f9d.f1497-34881e9c8 .f1497-1618ef3a2 {
            opacity: 0;
            max-width: 0;
            margin: 0;
            pointer-events: none;
        }
        
        .f1497-738ba8222 {
            height: 32px;
            width: auto;
        }
        
        .f1497-5a1f5a31d {
            flex: 1;
            display: flex;
            justify-content: center;
            overflow: visible;
            min-width: 0;
        }
        
        .f1497-a150607d2 {
            display: flex;
            align-items: center;
            gap: 2px;
            list-style: none;
            margin: 0;
            padding: 0;
            flex-wrap: wrap;
            justify-content: center;
        }
        
        .f1497-a150607d2 li {
            flex-shrink: 0;
        }
        
        .f1497-4316d683b {
            display: flex;
            align-items: center;
            gap: 4px;
            padding: 6px 10px;
            color: #dfe5ed;
            font-size: 11px;
            font-weight: 400;
            text-decoration: none;
            #c6dce3-space: nowrap;
            transition: color 0.2s ease, opacity 0.2s ease;
            opacity: 0.8;
            border-radius: 6px;
        }
        
        .f1497-4316d683b:hover {
            opacity: 1;
            color: #6072d0;
            background: rgba(171,121,254,0.08);
        }
        
        .f1497-4316d683b.f1497-8d3f5c394 {
            opacity: 1;
            color: #6072d0;
        }
        
        .f1497-eb08a4f6e {
            font-size: 12px;
        }
        
        .f1497-26f491f9d.f1497-34881e9c8 .f1497-a150607d2 {
            flex-wrap: nowrap;
        }
        
        .f1497-26f491f9d.f1497-34881e9c8 .f1497-4316d683b {
            padding: 5px 8px;
            font-size: 11px;
        }
        
        @media (max-width: 1200px) {
            .f1497-4316d683b { padding: 5px 7px; font-size: 10px; }
            .f1497-eb08a4f6e { font-size: 11px; }
        }
        
        @media (max-width: 1024px) {
            .f1497-5a1f5a31d { display: none; }
            .f1497-eac7c5ec8 { display: none !important; }
            .f1497-71789a6b5 { display: flex !important; }
        }
        
        /* ===== Header Menu Variants ===== */
        /* v1 - стандартный (по умолчанию) */
        .f1497-26f491f9d.f1497-0cd726537 .f1497-5a1f5a31d .f1497-a150607d2 {
            gap: 2px;
        }
        .f1497-26f491f9d.f1497-0cd726537 .f1497-4316d683b {
            padding: 6px 10px;
            font-size: 11px;
        }
        
        /* v2 - компактный */
        .f1497-26f491f9d.f1497-27817752c .f1497-5a1f5a31d .f1497-a150607d2 {
            gap: 1px;
        }
        .f1497-26f491f9d.f1497-27817752c .f1497-4316d683b {
            padding: 5px 8px;
            font-size: 10px;
        }
        .f1497-26f491f9d.f1497-27817752c .f1497-eb08a4f6e {
            font-size: 11px;
        }
        
        /* v3 - расширенный */
        .f1497-26f491f9d.f1497-6e106fdc0 .f1497-5a1f5a31d .f1497-a150607d2 {
            gap: 4px;
        }
        .f1497-26f491f9d.f1497-6e106fdc0 .f1497-4316d683b {
            padding: 8px 12px;
            font-size: 12px;
        }
        .f1497-26f491f9d.f1497-6e106fdc0 .f1497-eb08a4f6e {
            font-size: 13px;
        }
        
        /* v4 - минималистичный */
        .f1497-26f491f9d.f1497-12c055fe6 .f1497-5a1f5a31d .f1497-a150607d2 {
            gap: 0;
        }
        .f1497-26f491f9d.f1497-12c055fe6 .f1497-4316d683b {
            padding: 6px 8px;
            font-size: 10px;
            border-radius: 4px;
        }
        .f1497-26f491f9d.f1497-12c055fe6 .f1497-4316d683b:hover {
            background: rgba(171,121,254,0.12);
        }
        
        .f1497-eac7c5ec8 {
            display: flex;
            gap: 10px;
            flex-shrink: 0;
            transition: opacity 0.35s ease, max-width 0.35s ease, margin 0.35s ease;
            overflow: hidden;
            max-width: 300px;
        }
        
        .f1497-26f491f9d.f1497-34881e9c8 .f1497-eac7c5ec8 {
            opacity: 0;
            max-width: 0;
            margin: 0;
            pointer-events: none;
        }
        
        .f1497-eac7c5ec8 .f1497-a4ba62a76 {
            padding: 6px 14px;
            font-size: 12px;
            border-radius: 18px;
        }
        
        .f1497-eac7c5ec8 .f1497-ecdb6480c {
            background: transparent;
            border: 1px solid rgba(215,229,247,0.3);
            color: #dfe5ed;
        }
        
        .f1497-eac7c5ec8 .f1497-b371c72b0 {
            background: #6072d0;
            color: #251539;
            border: none;
            font-weight: 600;
        }
        
        .f1497-fee78789b {
            position: fixed;
            inset: 0;
            background: var(--f1497-3c968ea13);
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 10000;
            transition: opacity 0.5s ease, visibility 0.5s ease;
        }
        
        .f1497-fee78789b.f1497-abf4ca219 {
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
        }
        
        .f1497-1a51ca54d {
            width: 60px;
            height: 60px;
            border: 3px solid var(--f1497-cb9a8b215);
            border-top-color: var(--f1497-7ee482171);
            border-radius: 50%;
            animation: f1497-201befe30 0.8s linear infinite;
        }
        
        @keyframes f1497-201befe30 {
            to { transform: rotate(360deg); }
        }
        
        .f1497-f31f9bdeb {
            opacity: 0;
        }
        
        .f1497-72eeb26f6 {
            margin: 2rem 0;
            padding: 1.5rem;
            background: rgba(215,229,247,0.025);
            border-radius: 12px;
            border: 1px solid rgba(215,229,247,0.06);
        }
        /* ===== Variants: Site Structure (v1..f1497-183a9352e) ===== */
        .f1497-72eeb26f6.f1497-27817752c .f1497-cf3e433c9 {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 1rem;
        }
        .f1497-72eeb26f6.f1497-27817752c .f1497-b780ec4f2 {
            background: rgba(22,27,61,0.18);
            border: 1px solid rgba(215,229,247,0.06);
            border-radius: 12px;
            padding: 0.9rem;
        }
        .f1497-72eeb26f6.f1497-6e106fdc0 .f1497-c618d4d41 {
            background: transparent;
            border: 1px dashed rgba(215,229,247,0.16);
        }
        .f1497-72eeb26f6.f1497-6e106fdc0 .f1497-cf3e433c9 {
            display: flex;
            gap: 0.9rem;
            overflow-x: auto;
            padding-bottom: 0.4rem;
        }
        .f1497-72eeb26f6.f1497-6e106fdc0 .f1497-b780ec4f2 { min-width: 260px; }
        .f1497-72eeb26f6.f1497-12c055fe6 { background: rgba(22,27,61,0.22); border-style: dashed; }
        .f1497-72eeb26f6.f1497-12c055fe6 .f1497-b1e635c4c { display: none; }
        .f1497-72eeb26f6.f1497-12c055fe6 .f1497-c618d4d41 { padding: 0.6rem 0.8rem; }
        .f1497-e98020513 { margin-bottom: 1rem; }
        .f1497-404f7bb7a { font-size: 1.35rem; margin-bottom: 0.25rem; color: var(--f1497-7ee482171); }
        .f1497-2d37ea03c { color: rgba(215,229,247,0.55); margin-bottom: 0; font-size: 0.9rem; }
        .f1497-c618d4d41 {
            display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem;
            margin-bottom: 1.25rem; padding: 0.75rem 1rem; background: rgba(22,27,61,0.2);
            border-radius: 8px;
        }
        .f1497-f62558480 { font-size: 0.85rem; color: rgba(215,229,247,0.5); margin-right: 0.25rem; }
        .f1497-c6e6bfa28 { display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem; }
        .f1497-98fec869b { color: rgba(215,229,247,0.9); text-decoration: none; font-size: 0.95rem; font-weight: 500; }
        .f1497-98fec869b:hover { color: var(--f1497-7ee482171); }
        .f1497-e21860e5d { color: rgba(215,229,247,0.35); user-select: none; }
        .f1497-cf3e433c9 { display: flex; flex-wrap: wrap; gap: 1.5rem; }
        .f1497-b780ec4f2 { flex: 1 1 200px; }
        .f1497-2b6e85fdf { font-size: 0.95rem; color: rgba(215,229,247,0.8); margin-bottom: 0.25rem; font-weight: 600; }
        .f1497-b1e635c4c { font-size: 0.8rem; color: rgba(215,229,247,0.45); margin-bottom: 0.5rem; }
        .f1497-1e4b6b433 { list-style: none; padding: 0; margin: 0; }
        .f1497-d6798addc { margin-top: 1rem; font-size: 0.9rem; color: rgba(215,229,247,0.7); display: flex; align-items: center; gap: 0.5rem; }
        .f1497-d6798addc .f1497-fd9067935 { width: 8px; height: 8px; border-radius: 50%; background: var(--f1497-7ee482171); box-shadow: 0 0 8px var(--f1497-7ee482171); animation: f1497-ddbed16c7 1.5s ease-in-out infinite; }
        @keyframes f1497-ddbed16c7 { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
        .f1497-1e4b6b433 li { margin-bottom: 0.35rem; }
        .f1497-6ca1ede69 { color: rgba(215,229,247,0.85); text-decoration: none; }
        .f1497-6ca1ede69:hover { color: var(--f1497-7ee482171); text-decoration: underline; }
        .f1497-dcc23e812 { color: var(--f1497-7ee482171); font-weight: 600; }
        .f1497-b7ef63473 {
            display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 1rem;
            margin: 0.75rem 0 1rem; padding: 0.6rem 1rem; background: rgba(215,229,247,0.04);
            border-radius: 8px; font-size: 0.9rem;
        }
        .f1497-a33a63009 { color: rgba(215,229,247,0.55); }
        .f1497-67e1784be { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 0.5rem 1rem; }
        .f1497-5bb1541b3 { color: var(--f1497-7ee482171); text-decoration: none; }
        .f1497-5bb1541b3:hover { text-decoration: underline; }
        .f1497-3147e3de3 { margin: 2rem 0; }
        .f1497-9f47ec5f0 { margin: 2rem 0; }
        /* ===== Variants: Review Quotes / Thematic ===== */
        .f1497-3147e3de3.f1497-27817752c .f1497-ad3408194,
        .f1497-9f47ec5f0.f1497-27817752c .f1497-ad3408194 {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1rem;
        }
        .f1497-3147e3de3.f1497-6e106fdc0,
        .f1497-9f47ec5f0.f1497-6e106fdc0 {
            padding: 1.25rem;
        }
        .f1497-3147e3de3.f1497-6e106fdc0 .f1497-70752ec47,
        .f1497-9f47ec5f0.f1497-6e106fdc0 .f1497-70752ec47 {
            border-style: dashed;
            background: rgba(22,27,61,0.18);
        }
        .f1497-3147e3de3.f1497-12c055fe6 .f1497-026d9db9f,
        .f1497-9f47ec5f0.f1497-12c055fe6 .f1497-026d9db9f {
            display: block;
            padding-top: 0.25rem;
        }
        .f1497-3147e3de3.f1497-12c055fe6 .f1497-ef4890505::after,
        .f1497-9f47ec5f0.f1497-12c055fe6 .f1497-ef4890505::after {
            display: none;
        }
        body.f1497-ff5f0c8f1 .f1497-9f47ec5f0 .f1497-ad3408194 {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1rem;
        }
        @media (max-width: 768px) {
            body.f1497-ff5f0c8f1 .f1497-9f47ec5f0 .f1497-ad3408194 {
                grid-template-columns: 1fr;
            }
        }
        .f1497-9966d406c { font-size: 1.25rem; margin-bottom: 0.35rem; color: rgba(215,229,247,0.95); }
        .f1497-a1489c786 { font-size: 0.9rem; color: rgba(215,229,247,0.6); margin-bottom: 1rem; }
        .f1497-4e70791da .f1497-7c9a9c51b { font-weight: 600; }
        .f1497-c2a817246 { margin: 0; font-style: italic; color: rgba(215,229,247,0.85); }
        .f1497-ddbea5311, .f1497-533d1f5f2 {
            margin: 2rem 0;
            padding: 1.5rem;
            background: rgba(215,229,247,0.025);
            border: 1px solid rgba(215,229,247,0.08);
            border-radius: 14px;
        }
        
        .f1497-362d74a10, .f1497-4690ff704 {
            font-size: 1.35rem;
            margin-bottom: 0.5rem;
            color: var(--f1497-7ee482171);
            font-weight: 600;
        }
        
        .f1497-78acc0717, .f1497-b84e8e16c {
            color: rgba(215,229,247,0.55);
            margin-bottom: 1rem;
            font-size: 0.9rem;
        }
        
        .f1497-6b48deba0 {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 0.9rem;
        }
        /* ===== Variants: Related ===== */
        .f1497-ddbea5311.f1497-27817752c .f1497-6b48deba0 { grid-template-columns: 1fr 1fr; gap: 1rem; }
        .f1497-ddbea5311.f1497-27817752c .f1497-074efc560 { padding: 1.25rem; border-radius: 14px; }
        .f1497-ddbea5311.f1497-6e106fdc0 .f1497-6b48deba0 {
            display: flex;
            gap: 0.85rem;
            overflow-x: auto;
            padding-bottom: 0.4rem;
        }
        .f1497-ddbea5311.f1497-6e106fdc0 .f1497-074efc560 { min-width: 260px; }
        .f1497-ddbea5311.f1497-12c055fe6 .f1497-6b48deba0 { grid-template-columns: 1fr; gap: 0.65rem; }
        .f1497-ddbea5311.f1497-12c055fe6 .f1497-074efc560 { background: transparent; border-style: dashed; }
        body.f1497-ff5f0c8f1 .f1497-6b48deba0 {
            grid-template-columns: 1fr 1fr;
            gap: 1rem;
        }
        body.f1497-ff5f0c8f1 .f1497-074efc560 {
            display: flex;
            flex-direction: column;
        }
        body.f1497-8082af1ae .f1497-6b48deba0 {
            grid-template-columns: 1fr;
            gap: 0.75rem;
        }
        
        .f1497-074efc560 {
            padding: 1.1rem;
            background: rgba(22,27,61,0.2);
            border-radius: 10px;
            border: 1px solid rgba(215,229,247,0.06);
            transition: border-color 0.2s, background 0.2s;
        }
        
        .f1497-074efc560:hover {
            background: rgba(171,121,254,0.06);
            border-color: rgba(171,121,254,0.2);
        }
        
        .f1497-b715ee896 {
            text-decoration: none;
            color: inherit;
            display: block;
        }
        
        .f1497-6163b337f {
            font-size: 1rem;
            font-weight: 600;
            margin: 0 0 0.35rem 0;
            color: #eaebf0;
        }
        
        .f1497-51f79eed0 {
            font-size: 0.85rem;
            color: rgba(215,229,247,0.55);
            line-height: 1.35;
            margin: 0;
        }
        
        .f1497-e758975db {
            list-style: none;
            padding: 0;
            margin: 1rem 0 0 0;
            display: flex;
            flex-wrap: wrap;
            gap: 0.6rem;
        }
        
        .f1497-81b5bcfd3 {
            margin: 0;
        }
        
        .f1497-81b5bcfd3 .f1497-1d828b3ed {
            display: inline-block;
            padding: 0.6rem 1rem;
            background: rgba(215,229,247,0.04);
            border-radius: 8px;
            border: 1px solid rgba(215,229,247,0.08);
            text-decoration: none;
            color: #d2e1ec;
            font-size: 0.88rem;
            font-weight: 500;
            transition: background 0.2s, border-color 0.2s, color 0.2s;
        }
        
        .f1497-81b5bcfd3 .f1497-1d828b3ed:hover {
            background: rgba(171,121,254,0.1);
            border-color: rgba(171,121,254,0.25);
            color: var(--f1497-7ee482171);
        }
        
        @media (max-width: 768px) {
            .f1497-72eeb26f6 { margin: 1.25rem 0; padding: 1.25rem; }
            .f1497-c618d4d41 { flex-direction: column; align-items: flex-start; }
            .f1497-cf3e433c9 { flex-direction: column; }
            .f1497-b7ef63473 { flex-direction: column; align-items: flex-start; }
            .f1497-ddbea5311, .f1497-533d1f5f2 {
                margin: 1.25rem 0;
                padding: 1.25rem;
            }
            .f1497-362d74a10, .f1497-4690ff704 {
                font-size: 1.15rem;
            }
            .f1497-6b48deba0 {
                grid-template-columns: 1fr;
            }
            body.f1497-ff5f0c8f1 .f1497-6b48deba0 {
                grid-template-columns: 1fr;
            }
        }

/* FLAGMAN CASINO_HERO_RECOMPOSE */
.f1497-fbb244bac{grid-template-columns:1fr;gap:28px}
.f1497-f93767382{display:grid;grid-template-columns:1fr;grid-template-areas:"badge" "title" "tagline" "stats" "actions";row-gap:10px;align-items:start;text-align:center}
.f1497-cade9c1e9{grid-area:badge;justify-self:center}
.f1497-3951b49fc{grid-area:title;justify-self:center}
.f1497-c69f5b6f1{grid-area:tagline;max-width:850px;justify-self:center}
.f1497-231df836a{grid-area:stats;grid-template-columns:repeat(4,minmax(0,1fr));width:min(900px,100%);margin:12px auto 0;justify-self:center;align-self:stretch;text-align:left}
.f1497-c24546ab6{grid-area:actions;justify-content:center}
.f1497-17afe59d8{padding-top:26px;border-top:1px solid var(--f1497-e4eb11c21)}
.f1497-0c8feef18{text-align:center;margin:0 0 16px}
.f1497-02723dca6{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.f1497-4eeabbd3b{min-height:118px;align-content:start;cursor:default}
.f1497-9a41d949f.f1497-6e106fdc0 .f1497-3a1e572b5 .f1497-b371c72b0{background:linear-gradient(135deg,#dfe5ed 0%,#e3ecf5 100%);color:#ebecec;border:2px solid #d7e5f7;box-shadow:0 12px 30px rgba(215,229,247,.2),0 0 0 4px rgba(215,229,247,.08);animation:none}
.f1497-9a41d949f.f1497-6e106fdc0 .f1497-3a1e572b5 .f1497-b371c72b0:hover{background:#d7e5f7;color:#122342;transform:translateY(-3px);box-shadow:0 16px 34px rgba(215,229,247,.28),0 0 0 4px rgba(221,235,236,.18)}
.f1497-9a41d949f.f1497-6e106fdc0 .f1497-3a1e572b5 .f1497-b371c72b0:focus-visible{outline:3px solid #d7e5f7;outline-offset:4px}
.f1497-4b5f98809.f1497-0cd726537{width:min(1120px,calc(100% - 24px));margin:30px auto;padding:32px 36px;background:linear-gradient(145deg,rgba(22,34,47,.78),rgba(23,35,72,.94));border:1px solid rgba(255,98,95,.32);border-radius:18px;box-shadow:0 12px 30px rgba(18,23,60,.22)}
.f1497-4b5f98809.f1497-0cd726537 h2{margin:0 0 14px;font-size:clamp(25px,3vw,35px);line-height:1.16}
.f1497-4b5f98809.f1497-0cd726537 p{max-width:none;margin:8px 0;font-size:17px;line-height:1.52}
.f1497-4b5f98809.f1497-0cd726537 nav{margin-top:18px}
.f1497-4b5f98809.f1497-0cd726537 ul{display:flex;flex-wrap:wrap;gap:9px;list-style:none;margin:0;padding:0}
.f1497-4b5f98809.f1497-0cd726537 li{margin:0;padding:0}
.f1497-4b5f98809.f1497-0cd726537 a{display:block;padding:7px 11px;border:1px solid rgba(221,235,236,.22);border-radius:999px;background:rgba(215,229,247,.07);font-size:14px;line-height:1.2;text-decoration:none}
@media(max-width:900px){.f1497-231df836a{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}.f1497-02723dca6{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.f1497-231df836a,.f1497-02723dca6{grid-template-columns:1fr}.f1497-4eeabbd3b{min-height:0}.f1497-4b5f98809.f1497-0cd726537{width:100%;padding:21px 19px;margin:21px auto}.f1497-4b5f98809.f1497-0cd726537 p{font-size:15px}.f1497-4b5f98809.f1497-0cd726537 a{font-size:12px;padding:6px 9px}}
/* END_FLAGMAN CASINO_HERO_RECOMPOSE */









/* F1497_ULTRAMARINE_TIDELINE_IDENTITY */
:root{--f1497-a6e19e07d:#101528;--f1497-380b87065:#18213b;--f1497-982932bcf:#222d4d;--f1497-1cc3119f3:#637eea;--f1497-91b0c6d09:#36c6b0;--f1497-3f2f71961:#ff7568;--f1497-dac819d53:#d9e7ff;--f1497-d40eb9228:#a9b8d5;--f1497-793fd075f:#485b89}
html{background:#101528}body{position:relative;isolation:isolate;background:radial-gradient(circle at 15% 8%,rgba(54,198,176,.13),transparent 26%),radial-gradient(circle at 82% 15%,rgba(255,117,104,.12),transparent 31%),linear-gradient(145deg,#101528 0%,#18213b 49%,#141a31 100%);color:#d9e7ff;font-family:"Gill Sans MT","Trebuchet MS",sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:-30%;z-index:-2;pointer-events:none;background:repeating-linear-gradient(128deg,transparent 0 72px,rgba(99,126,234,.05) 73px 76px,transparent 77px 150px),repeating-linear-gradient(38deg,transparent 0 110px,rgba(54,198,176,.035) 111px 115px,transparent 116px 224px);animation:f1497-52371220e 44s linear infinite;will-change:transform}
body:after{content:"";position:fixed;inset:-28%;z-index:-1;pointer-events:none;background:conic-gradient(from 210deg at 48% 46%,transparent 0 18%,rgba(54,198,176,.15) 29%,transparent 40% 57%,rgba(99,126,234,.18) 67%,rgba(255,117,104,.1) 75%,transparent 87%);filter:blur(64px);opacity:.55;animation:f1497-81791c533 31s ease-in-out infinite alternate;will-change:transform,opacity}
@keyframes f1497-52371220e{to{transform:translate3d(150px,75px,0)}}
@keyframes f1497-81791c533{0%{transform:translate3d(-7%,-2%,0) rotate(-5deg) scale(1);opacity:.42}52%{transform:translate3d(3%,2%,0) rotate(2deg) scale(1.06);opacity:.62}100%{transform:translate3d(9%,-1%,0) rotate(-1deg) scale(1.02);opacity:.48}}
h1,h2,h3,h4{font-family:Rockwell,"Bookman Old Style",Georgia,serif;letter-spacing:.012em}button,a{font-family:"Gill Sans MT","Trebuchet MS",sans-serif}
header[role="banner"]{background:rgba(16,21,40,.93)!important;border-bottom-color:rgba(54,198,176,.34)!important;backdrop-filter:blur(13px)}
main section{border-color:rgba(72,91,137,.52)!important}main section:nth-of-type(3n+1){box-shadow:0 18px 52px rgba(7,10,26,.23),0 0 0 1px rgba(54,198,176,.06)}main section:nth-of-type(4n+2){box-shadow:0 18px 52px rgba(7,10,26,.2),0 0 24px rgba(99,126,234,.08)}
h1{color:#d9e7ff!important;text-shadow:0 4px 25px rgba(54,198,176,.19)}h2,h3,h4{color:#d9e7ff!important;-webkit-text-fill-color:currentColor}
a[href="/goto/"],button{transition:transform .22s ease,filter .22s ease,box-shadow .22s ease}a[href="/goto/"]:hover,button:hover{transform:translateY(-2px);filter:brightness(1.08)}
article,main section>div{border-color:rgba(72,91,137,.45)}
.f1497-cfe52f900{display:none}
aside[aria-label="Бонусное предложение"]{width:min(760px,calc(100vw - 24px))!important;max-width:760px!important;height:auto!important;max-height:none!important;min-height:92px!important;padding:12px 48px 12px 16px!important;background:linear-gradient(118deg,#202b4b,#28365d 54%,#1b5061)!important;border-color:rgba(54,198,176,.62)!important;color:#d9e7ff!important;overflow:visible!important}
aside[aria-label="Бонусное предложение"]>div{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;opacity:1!important;visibility:visible!important}aside[aria-label="Бонусное предложение"]>div>div{min-width:0!important;opacity:1!important;visibility:visible!important}aside[aria-label="Бонусное предложение"] span{color:#d9e7ff!important;-webkit-text-fill-color:#d9e7ff!important;opacity:1!important;visibility:visible!important;text-shadow:0 1px 8px rgba(0,0,0,.38)!important}aside[aria-label="Бонусное предложение"] a{position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;margin:0!important;opacity:1!important;visibility:visible!important;z-index:3!important}
aside[aria-label="Бонусное предложение"] a{background:linear-gradient(110deg,#36c6b0,#637eea)!important;color:#0e162b!important;-webkit-text-fill-color:#0e162b!important;border:1px solid #9bf4e6!important}aside[aria-label="Бонусное предложение"]>button{display:grid!important;place-items:center!important;color:#101528!important;-webkit-text-fill-color:#101528!important;background:#ff7568!important;border:2px solid #ffd0cb!important;opacity:1!important;visibility:visible!important;z-index:5!important}
footer{background:linear-gradient(180deg,rgba(16,21,40,.98),#0b1021)!important;border-top-color:rgba(255,117,104,.36)!important}
@media(max-width:700px){html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}header[role="banner"]>div{width:100%!important;max-width:100%!important;padding:8px 12px!important}header[role="banner"] nav{display:none!important}header[role="banner"]>div>div{display:none!important}header[role="banner"] button[aria-controls]{display:flex!important;margin-left:auto!important}main,main>div,main article,main article>header{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}main>div{padding-left:12px!important;padding-right:12px!important}main article>header{padding-left:0!important;padding-right:0!important}main article section{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:auto!important;box-sizing:border-box!important}main article section *{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}h1{width:100%!important;max-width:100%!important;font-size:clamp(1.75rem,8vw,2.45rem)!important;overflow-wrap:anywhere!important}aside[aria-label="Бонусное предложение"]{width:calc(100vw - 16px)!important;max-width:none!important;height:auto!important;max-height:none!important;min-height:132px!important;padding:11px 38px 11px 12px!important}aside[aria-label="Бонусное предложение"]>div{grid-template-columns:minmax(0,1fr)!important;gap:8px!important;align-items:start!important}aside[aria-label="Бонусное предложение"]>div>:first-child{display:none!important}aside[aria-label="Бонусное предложение"] a{width:100%!important;min-height:36px!important;font-size:11px!important;line-height:1.2!important;padding:9px 12px!important;white-space:normal!important}aside[aria-label="Бонусное предложение"] span{line-height:1.2!important;white-space:normal!important}}
@media(prefers-reduced-motion:reduce){body:before,body:after{animation:none!important}}
/* END_F1497_ULTRAMARINE_TIDELINE_IDENTITY */