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

/* Дизайн-токены - Премиум система */
:root {
    /* Поверхности (казино-тематика) */
    --surface-void: #0a1f14;
    --surface-deep: #151b2e;
    --surface-raised: #090f1e;
    --surface-elevated: rgba(9, 15, 30, 0.95);
    --surface-overlay: rgba(21, 27, 46, 0.92);
    
    /* Бренд */
    --brand-primary: #089e4e;
    --brand-primary-dark: #00b8a3;
    --brand-primary-light: #5cfff0;
    --brand-muted: #056632;
    --brand-vivid: #0ced75;
    --brand-glow: #0acd65;
    --brand-secondary: hsl(193, 80%, 55%);
    
    /* Контент */
    --content-main: #ffffff;
    --content-high: rgba(255, 255, 255, 0.95);
    --content-dim: rgba(255, 255, 255, 0.75);
    --content-muted: rgba(255, 255, 255, 0.5);
    --content-subtle: rgba(255, 255, 255, 0.25);
    
    /* RGB */
    --brand-rgb: 8, 158, 78;
    --surface-rgb: 21, 27, 46;
    
    /* Статусы (казино-тематика) */
    --success: #00C853;
    --success-glow: rgba(0, 200, 83, 0.5);
    --warning: #FFA500;
    --warning-glow: rgba(255, 165, 0, 0.5);
    --error: #DC143C;
    --error-glow: rgba(220, 20, 60, 0.5);
    --gold: #089e4e;
    --gold-dark: #00b8a3;
    --gold-light: #5cfff0;
    --gold-glow: rgba(8, 158, 78, 0.6);
    
    /* Градиенты (казино-тематика) */
    --grad-surface: linear-gradient(165deg, var(--surface-void) 0%, var(--surface-deep) 30%, var(--surface-raised) 100%);
    --grad-brand: linear-gradient(135deg, #089e4e 0%, #00b8a3 100%);
    --grad-brand-radial: radial-gradient(circle at 30% 30%, #089e4e, #00b8a3, #089e4e);
    --grad-shine: linear-gradient(45deg, #089e4e 0%, #00b8a3 25%, #089e4e 50%, #00b8a3 75%, #089e4e 100%);
    --grad-aurora: conic-gradient(from 180deg at 50% 50%, #089e4e 0deg, #FFA500 120deg, #089e4e 240deg, #089e4e 360deg);
    --grad-mesh: radial-gradient(at 20% 80%, rgba(var(--brand-rgb), 0.18) 0%, transparent 50%), 
                 radial-gradient(at 80% 20%, rgba(var(--brand-rgb), 0.15) 0%, transparent 50%),
                 radial-gradient(at 50% 50%, rgba(var(--brand-rgb), 0.1) 0%, transparent 60%);
    --grad-cta: linear-gradient(135deg, #089e4e 0%, #FFA500 50%, #089e4e 100%);
    --grad-gold: linear-gradient(135deg, #089e4e 0%, #5cfff0 50%, #00b8a3 100%);
    
    /* Glass (казино-тематика) */
    --glass-bg: rgba(var(--brand-rgb), 0.05);
    --glass-bg-hover: rgba(var(--brand-rgb), 0.1);
    --glass-bg-active: rgba(var(--brand-rgb), 0.15);
    --glass-edge: rgba(var(--brand-rgb), 0.2);
    --glass-edge-active: rgba(var(--brand-rgb), 0.6);
    --glass-blur: 20px;
    --glass-blur-strong: 32px;
    
    /* Тени и свечение */
    --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.25);
    --shadow-md: 0 8px 30px rgba(0, 0, 0, 0.35);
    --shadow-lg: 0 16px 50px rgba(0, 0, 0, 0.45);
    --shadow-xl: 0 24px 70px rgba(0, 0, 0, 0.55);
    --shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
    --glow-sm: 0 0 20px rgba(var(--brand-rgb), 0.35);
    --glow-md: 0 0 40px rgba(var(--brand-rgb), 0.5);
    --glow-lg: 0 0 60px rgba(var(--brand-rgb), 0.65);
    --glow-xl: 0 0 100px rgba(var(--brand-rgb), 0.5);
    --glow-text: 0 0 30px rgba(var(--brand-rgb), 0.8);
    
    /* Пространство */
    --space-3xs: 4px;
    --space-2xs: 8px;
    --space-xs: 12px;
    --space-sm: 16px;
    --space-md: 24px;
    --space-lg: 32px;
    --space-xl: 48px;
    --space-2xl: 64px;
    --space-3xl: 96px;
    --space-4xl: 128px;
    
    /* Скругления */
    --radius-xs: 6px;
    --radius-sm: 10px;
    --radius-md: 14px;
    --radius-lg: 20px;
    --radius-xl: 28px;
    --radius-2xl: 40px;
    --radius-full: 9999px;
    
    /* Шрифты */
    --font-display: 'Unbounded', 'Manrope', system-ui, sans-serif;
    --font-body: 'Outfit', 'Source Sans 3', system-ui, sans-serif;
    --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
    
    /* Анимации */
    --ease-out: 0.3s cubic-bezier(0.33, 1, 0.68, 1);
    --ease-in-out: 0.4s cubic-bezier(0.65, 0, 0.35, 1);
    --ease-bounce: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
    --ease-elastic: 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    --ease-spring: 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    
    /* Z-индексы */
    --z-base: 1;
    --z-dropdown: 100;
    --z-sticky: 200;
    --z-fixed: 300;
    --z-modal-backdrop: 400;
    --z-modal: 500;
    --z-toast: 600;
    --z-max: 9999;
}

/* ==============================================
   THEME VARIANTS (t1..t5)
   ============================================== */

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

/* t2 — Тёмный минимализм */
body.theme-t2 {
    --surface-void: #020617;
    --surface-deep: #020617;
    --surface-raised: #020617;
    --surface-elevated: rgba(15,23,42,0.98);
    --surface-overlay: rgba(15,23,42,0.98);
    --brand-muted: #475569;
    --content-main: #e2e8f0;
    --content-high: #f9fafb;
    --content-dim: #cbd5f5;
    --font-display: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-body: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* t3 — Глянцевый стекло‑эффект */
body.theme-t3 {
    --surface-void: #020617;
    --surface-raised: rgba(15,23,42,0.85);
    --surface-elevated: rgba(15,23,42,0.92);
    --surface-overlay: rgba(15,23,42,0.96);
    --glass-bg: radial-gradient(circle at top left, rgba(255,255,255,0.18), rgba(15,23,42,0.95));
    --glass-bg-hover: radial-gradient(circle at top left, rgba(255,255,255,0.26), rgba(15,23,42,0.98));
    --glass-edge: rgba(255,255,255,0.18);
    --glass-edge-active: rgba(255,255,255,0.38);
}

/* t4 — Лёгкая светлая тема */
body.theme-t4 {
    --surface-void: #f2f4f8;
    --surface-deep: #ffffff;
    --surface-raised: #ffffff;
    --surface-elevated: #ffffff;
    --surface-overlay: #ffffff;
    --content-main: #111827;
    --content-high: #020617;
    --content-dim: #4b5563;
    --content-muted: #9ca3af;
    --content-subtle: #e5e7eb;
    --brand-muted: #9ca3af;
    --shadow-md: 0 12px 30px rgba(15,23,42,0.12);
    --shadow-lg: 0 16px 40px rgba(15,23,42,0.15);
}

/* t5 — Ретро‑терминал */
body.theme-t5 {
    --surface-void: #020b06;
    --surface-deep: #020b06;
    --surface-raised: #041510;
    --surface-elevated: #041510;
    --surface-overlay: #041510;
    --brand-primary: #00ff88;
    --brand-primary-dark: #00cc66;
    --brand-primary-light: #4dffb3;
    --brand-muted: #16a34a;
    --content-main: #eafff4;
    --content-high: #eafff4;
    --content-dim: #6ee7b7;
    --content-muted: #34d399;
    --content-subtle: #14532d;
    --font-display: 'JetBrains Mono', 'Fira Code', monospace;
    --font-body: 'JetBrains Mono', 'Fira Code', monospace;
    --ease-out: 0.18s linear;
    --ease-in-out: 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: var(--font-body);
    background: linear-gradient(135deg, var(--surface-deep) 0%, var(--surface-raised) 50%, #0f3520 100%);
    color: var(--content-main);
    line-height: 1.75;
    min-height: 100vh;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

::selection {
    background: rgba(var(--brand-rgb), 0.4);
    color: var(--content-high);
}

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

::-webkit-scrollbar-track {
    background: var(--surface-deep);
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, var(--brand-primary) 0%, #FFA500 100%);
    border-radius: var(--radius-full);
    border: 3px solid var(--surface-deep);
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #FFA500 0%, var(--brand-primary) 100%);
}

/* Links */
a {
    color: var(--brand-primary);
    text-decoration: none;
    transition: var(--ease-out);
}

a:hover {
    color: var(--brand-vivid);
    text-shadow: var(--glow-text);
}

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

/* Container */
.container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 var(--space-lg);
}

@media (max-width: 768px) {
    .container {
        padding: 0 var(--space-md);
    }
}

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

.background-effects {
    position: fixed;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: -1;
}

.background-effects::before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--grad-mesh);
    opacity: 0.9;
}

.background-effects::after {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--grad-aurora);
    opacity: 0.05;
    filter: blur(100px);
    animation: aurora-shift 30s ease-in-out infinite;
}

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

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

.orb-1 {
    width: 600px;
    height: 600px;
    background: conic-gradient(from 45deg, var(--brand-primary), var(--brand-vivid), var(--brand-secondary), var(--brand-primary));
    top: -200px;
    right: -100px;
}

.orb-2 {
    width: 500px;
    height: 500px;
    background: conic-gradient(from 180deg, #056632, var(--brand-primary), var(--brand-secondary), #056632);
    bottom: -150px;
    left: -150px;
    animation-delay: -12s;
}

.orb-3 {
    width: 350px;
    height: 350px;
    background: radial-gradient(circle, var(--brand-vivid) 0%, transparent 70%);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: orb-pulse 15s ease-in-out infinite;
    opacity: 0.2;
}

@keyframes orb-float {
    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 orb-pulse {
    0%, 100% { opacity: 0.2; transform: translate(-50%, -50%) scale(1); }
    50% { opacity: 0.35; transform: translate(-50%, -50%) scale(1.4); }
}

.grid-overlay {
    position: absolute;
    inset: 0;
    background-image: 
        linear-gradient(rgba(var(--brand-rgb), 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(var(--brand-rgb), 0.03) 1px, transparent 1px);
    background-size: 60px 60px;
    mask-image: radial-gradient(ellipse 80% 60% at 50% 50%, black 40%, transparent 100%);
    -webkit-mask-image: radial-gradient(ellipse 80% 60% at 50% 50%, black 40%, transparent 100%);
    animation: grid-pulse 20s ease-in-out infinite;
}

@keyframes grid-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.6; }
}

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

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

.header::before,
.header::after {
    display: none;
}

.header.scrolled {
    background: rgba(0, 0, 0, 0.45);
    border-bottom-color: rgba(255, 255, 255, 0.04);
}

.header-inner {
    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;
}

.header.scrolled .header-inner {
    padding: 4px 24px;
    justify-content: center;
}

.logo-link {
    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;
}

.header.scrolled .logo-link {
    opacity: 0;
    max-width: 0;
    margin: 0;
    pointer-events: none;
}

.logo {
    height: 55px;
    width: auto;
    object-fit: contain;
    transition: var(--ease-out);
    filter: drop-shadow(0 0 10px rgba(var(--brand-rgb), 0.3));
}

.logo:hover {
    transform: scale(1.08);
    filter: drop-shadow(0 0 25px rgba(var(--brand-rgb), 0.6));
}

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

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

.header.scrolled .nav-list {
    flex-wrap: nowrap;
}

.nav-list li {
    flex-shrink: 0;
}

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

.nav-link:hover {
    opacity: 1;
    color: var(--brand-primary);
    background: rgba(0, 229, 204, 0.08);
}

.nav-link.active {
    opacity: 1;
    color: var(--brand-primary);
}

.header.scrolled .nav-link {
    padding: 5px 8px;
    font-size: 11px;
}

.nav-icon {
    font-size: 12px;
    flex-shrink: 0;
}

/* Header Actions */
.header-actions {
    display: flex;
    gap: var(--space-sm);
    flex-shrink: 0;
    transition: opacity 0.35s ease, max-width 0.35s ease, margin 0.35s ease;
    overflow: hidden;
    max-width: 300px;
}

.header.scrolled .header-actions {
    opacity: 0;
    max-width: 0;
    margin: 0;
    pointer-events: none;
}

/* Mobile Menu */
.mobile-menu-btn {
    display: none;
    width: 50px;
    height: 50px;
    background: var(--glass-bg);
    border: 1px solid var(--glass-edge);
    border-radius: var(--radius-md);
    cursor: pointer;
    position: relative;
    transition: var(--ease-out);
}

.mobile-menu-btn:hover {
    background: var(--glass-bg-hover);
    border-color: var(--brand-primary);
}

.hamburger {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 2px;
    background: var(--content-main);
    transition: var(--ease-out);
}

.hamburger::before,
.hamburger::after {
    content: '';
    position: absolute;
    width: 24px;
    height: 2px;
    background: var(--content-main);
    transition: var(--ease-out);
}

.hamburger::before { top: -8px; }
.hamburger::after { bottom: -8px; }

.mobile-menu-btn.active .hamburger {
    background: transparent;
}

.mobile-menu-btn.active .hamburger::before {
    top: 0;
    transform: rotate(45deg);
    background: var(--brand-primary);
}

.mobile-menu-btn.active .hamburger::after {
    bottom: 0;
    transform: rotate(-45deg);
    background: var(--brand-primary);
}

@media (max-width: 1400px) {
    .nav-link {
        padding: 5px 8px;
        font-size: 11px;
    }
    .nav-icon {
        font-size: 12px;
    }
}

@media (max-width: 1200px) {
    .nav-link {
        padding: 5px 7px;
        font-size: 10px;
        gap: 3px;
    }
    .nav-icon {
        font-size: 11px;
    }
}

@media (max-width: 1024px) {
    .main-nav { display: none; }
    .mobile-menu-btn { display: flex; }
    .header-actions { display: none; }
}

/* Mobile Navigation */
.mobile-nav {
    position: fixed;
    top: 90px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(var(--surface-rgb), 0.98);
    backdrop-filter: blur(var(--glass-blur-strong));
    z-index: var(--z-fixed);
    padding: var(--space-lg);
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    transform: translateX(100%);
    opacity: 0;
    transition: var(--ease-out);
}

.mobile-nav.active {
    transform: translateX(0);
    opacity: 1;
}

.mobile-nav-link {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-md) var(--space-lg);
    color: var(--content-main);
    font-size: 18px;
    font-weight: 600;
    border-radius: var(--radius-md);
    background: var(--glass-bg);
    border: 1px solid var(--glass-edge);
    transition: var(--ease-out);
}

.mobile-nav-link:hover,
.mobile-nav-link.active {
    background: var(--grad-brand);
    border-color: var(--brand-primary);
    box-shadow: var(--glow-md);
    color: var(--content-high);
}

.mobile-nav-actions {
    margin-top: auto;
    padding-top: var(--space-lg);
    border-top: 1px solid var(--glass-edge);
}

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

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-xs);
    padding: var(--space-sm) var(--space-lg);
    font-family: var(--font-body);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    border: none;
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: var(--ease-out);
    position: relative;
    overflow: hidden;
    white-space: nowrap;
}

.btn::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255,255,255,0.3) 0%, transparent 40%, transparent 60%, rgba(255,255,255,0.15) 100%);
    opacity: 0;
    transition: var(--ease-out);
}

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

.btn:hover::before {
    opacity: 1;
}

.btn:hover::after {
    left: 100%;
}

.btn-primary {
    background: var(--grad-brand);
    color: var(--content-high);
    box-shadow: var(--glow-md), var(--shadow-inset);
    border: 1px solid rgba(255,255,255,0.15);
}

.btn-primary:hover {
    transform: translateY(-4px) scale(1.02);
    box-shadow: var(--glow-lg), var(--shadow-lg);
}

.btn-primary:active {
    transform: translateY(-2px) scale(0.98);
}

.btn-outline {
    background: var(--glass-bg);
    color: var(--brand-primary);
    border: 2px solid var(--brand-primary);
    backdrop-filter: blur(10px);
}

.btn-outline:hover {
    background: var(--brand-primary);
    color: var(--surface-deep);
    transform: translateY(-4px);
    box-shadow: var(--glow-md);
}

.btn-cta {
    background: var(--grad-cta);
    color: var(--surface-deep);
    font-size: 16px;
    padding: var(--space-md) var(--space-xl);
    animation: cta-pulse 2s ease-in-out infinite;
}

@keyframes cta-pulse {
    0%, 100% { box-shadow: var(--glow-md), 0 0 30px var(--success-glow); }
    50% { box-shadow: var(--glow-lg), 0 0 50px var(--success-glow); }
}

.btn-lg {
    padding: var(--space-md) var(--space-2xl);
    font-size: 16px;
    border-radius: var(--radius-lg);
}

.btn-block {
    width: 100%;
}

.btn-badge {
    position: absolute;
    top: -10px;
    right: -10px;
    background: var(--grad-gold);
    color: var(--surface-deep);
    font-size: 10px;
    font-weight: 800;
    padding: 5px 10px;
    border-radius: var(--radius-full);
    animation: badge-bounce 1.5s ease-in-out infinite;
    box-shadow: 0 0 20px var(--gold-glow);
}

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

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

.main {
    padding-top: 72px; /* Apple-style compact header */
    padding-bottom: var(--space-3xl);
    min-height: 100vh;
}

.content-wrapper {
    animation: content-reveal 0.8s cubic-bezier(0.33, 1, 0.68, 1);
    position: relative;
    padding: var(--space-xl) 0;
}

.content-wrapper::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: var(--radius-2xl);
    padding: 1px;
    background: linear-gradient(160deg, rgba(var(--brand-rgb), 0.25) 0%, transparent 40%, rgba(var(--brand-rgb), 0.08) 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

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

.content-header {
    text-align: center;
    margin-bottom: var(--space-2xl);
    position: relative;
    padding: var(--space-lg) var(--space-md);
    background: linear-gradient(180deg, rgba(var(--brand-rgb), 0.06) 0%, transparent 70%);
    border-radius: var(--radius-xl);
    border: 1px solid rgba(var(--brand-rgb), 0.12);
}

.content-header::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 120px;
    height: 3px;
    background: var(--grad-brand);
    border-radius: var(--radius-full);
    opacity: 0.8;
}

.main-title {
    font-family: var(--font-display);
    font-size: clamp(32px, 6vw, 72px);
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: var(--space-lg);
    letter-spacing: -0.03em;
    position: relative;
}

.main-title:not(.gradient-text) {
    color: var(--content-high);
}

.gradient-text {
    background: var(--grad-shine);
    background-size: 300% 300%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: gradient-flow 6s ease-in-out infinite;
    filter: drop-shadow(0 0 30px rgba(var(--brand-rgb), 0.4));
}

@keyframes gradient-flow {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

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

/* Hero — ценность бренда (уникальная структура) */
.hero-value,
.hero-compact {
    margin: 28px 0;
    padding: 0;
    background: linear-gradient(160deg, rgba(15, 38, 28, 0.98) 0%, rgba(8, 26, 18, 0.99) 100%);
    border-radius: var(--radius-xl);
    border: 1px solid rgba(var(--brand-rgb), 0.22);
    position: relative;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.03) inset;
}

.hero-value::before,
.hero-compact::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent 0%, var(--brand-primary) 25%, var(--brand-primary-light) 50%, var(--brand-primary) 75%, transparent 100%);
    opacity: 0.9;
}

.hero-value::after,
.hero-compact::after {
    content: '';
    position: absolute;
    top: -30%;
    right: -15%;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(var(--brand-rgb), 0.08) 0%, transparent 65%);
    border-radius: 50%;
    pointer-events: none;
}

.hero-value-grid,
.hero-compact-grid {
    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) {
    .hero-value-grid,
    .hero-compact-grid {
        grid-template-columns: 1fr;
        gap: 28px;
        padding: 28px 20px;
    }
}

.hero-info {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.hero-badge-apple,
.hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(0, 229, 204, 0.12);
    padding: 8px 18px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    color: var(--brand-primary);
    width: fit-content;
    border: 1px solid rgba(0, 229, 204, 0.25);
    letter-spacing: 0.02em;
}

.badge-icon {
    font-size: 14px;
    opacity: 0.95;
}

.hero-headline {
    font-family: var(--font-display);
    font-size: clamp(32px, 5vw, 52px);
    font-weight: 800;
    background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary) 50%, var(--brand-primary-dark) 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(0, 229, 204, 0.3);
    animation: heroTitleGlow 4s ease-in-out infinite;
}

@keyframes heroTitleGlow {
    0%, 100% { filter: drop-shadow(0 0 20px rgba(0, 229, 204, 0.3)); }
    50% { filter: drop-shadow(0 0 35px rgba(0, 229, 204, 0.5)); }
}

.hero-tagline {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin: 0;
    font-weight: 500;
}

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

.hero-features li {
    display: flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, rgba(0, 229, 204, 0.1), rgba(0, 0, 0, 0.3));
    padding: 12px 16px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(0, 229, 204, 0.2);
    transition: all 0.3s ease;
}

.hero-features li:hover {
    background: linear-gradient(135deg, rgba(0, 229, 204, 0.2), rgba(0, 0, 0, 0.4));
    border-color: rgba(0, 229, 204, 0.4);
    transform: translateX(5px);
}

.feature-icon {
    font-size: 18px;
}

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

.btn-apple {
    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;
}

.btn-apple::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    transform: translate(-50%, -50%);
    transition: width 0.5s, height 0.5s;
}

.btn-apple:hover::before {
    width: 300px;
    height: 300px;
}

.btn-apple-primary {
    background: linear-gradient(135deg, var(--brand-primary), var(--brand-primary));
    color: #0d2818;
    box-shadow: 0 8px 25px rgba(0, 229, 204, 0.3);
}

.btn-apple-primary:hover {
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 12px 35px rgba(0, 229, 204, 0.5);
}

.btn-apple-secondary {
    background: rgba(0, 229, 204, 0.15);
    color: var(--brand-primary);
    border: 2px solid rgba(0, 229, 204, 0.4);
}

.btn-apple-secondary:hover {
    background: rgba(0, 229, 204, 0.25);
    border-color: rgba(0, 229, 204, 0.6);
    transform: translateY(-3px);
}

/* Quick Links - SEO важно */
.hero-quicklinks {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.45), rgba(13, 40, 24, 0.7));
    border-radius: var(--radius-lg);
    padding: 28px;
    border: 1px solid rgba(var(--brand-rgb), 0.25);
    backdrop-filter: blur(12px);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), var(--shadow-inset);
}

/* ==============================================
   HERO VARIANTS (главная)
   ============================================== */
.hero-value.variant-v2 .hero-value-grid {
    grid-template-columns: 1fr;
    gap: 1.25rem;
}
.hero-value.variant-v2 .hero-quicklinks { order: -1; }

.hero-value.variant-v3 .hero-value-grid { grid-template-columns: 1.2fr 0.8fr; }
.hero-value.variant-v3 .hero-info {
    background: rgba(0, 0, 0, 0.18);
    border: 1px solid rgba(var(--brand-rgb), 0.18);
    border-radius: var(--radius-lg);
    padding: 1.25rem;
}

.hero-value.variant-v4 .hero-tagline { display: none; }
.hero-value.variant-v4 .hero-features { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; }
.hero-value.variant-v4 .hero-actions { flex-wrap: wrap; }

.quicklinks-title {
    font-size: 16px;
    font-weight: 700;
    color: var(--brand-primary);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 20px 0;
    text-shadow: 0 0 20px rgba(0, 229, 204, 0.5);
}

.quicklinks-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

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

.quicklink-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 18px;
    background: linear-gradient(135deg, rgba(var(--brand-rgb), 0.1), rgba(0, 0, 0, 0.45));
    border-radius: var(--radius-md);
    text-decoration: none;
    transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border: 1px solid rgba(var(--brand-rgb), 0.22);
    position: relative;
    overflow: hidden;
}

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

.quicklink-item:hover::before {
    left: 100%;
}

.quicklink-item:hover {
    background: linear-gradient(135deg, rgba(var(--brand-rgb), 0.18), rgba(0, 0, 0, 0.55));
    border-color: rgba(var(--brand-rgb), 0.5);
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 12px 28px rgba(var(--brand-rgb), 0.25), 0 0 0 1px rgba(var(--brand-rgb), 0.15);
}

.ql-icon {
    font-size: 28px;
    flex-shrink: 0;
    animation: qlIconFloat 3s ease-in-out infinite;
}

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

.ql-text {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    flex: 1;
}

.ql-meta {
    font-size: 12px;
    color: rgba(0, 229, 204, 0.9);
    font-weight: 600;
}

/* Legacy Hero (для совместимости) */
.hero-banner {
    margin-top: var(--space-xl);
    padding: var(--space-2xl);
    border-radius: var(--radius-2xl);
    overflow: hidden;
    position: relative;
    background: var(--glass-bg);
    border: 1px solid var(--glass-edge);
}

.hero-banner::before {
    display: none;
}

.hero-banner::after {
    display: none;
}

.hero-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-2xl);
    align-items: center;
    position: relative;
    z-index: 1;
}

@media (max-width: 968px) {
    .hero-content {
        grid-template-columns: 1fr;
        text-align: center;
    }
    
    .hero-image {
        order: -1;
    }
    
    .hero-banner {
        padding: var(--space-xl);
    }
}

.hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--brand-primary);
    color: #000;
    padding: var(--space-2xs) var(--space-md);
    border-radius: var(--radius-full);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: var(--space-md);
}

.hero-title {
    font-family: var(--font-display);
    font-size: clamp(28px, 4.5vw, 56px);
    font-weight: 800;
    margin-bottom: var(--space-md);
    color: var(--content-high);
    line-height: 1.15;
    letter-spacing: -0.02em;
}

.hero-description {
    font-size: 18px;
    color: var(--content-dim);
    margin-bottom: var(--space-lg);
    line-height: 1.75;
}

.hero-stats {
    display: flex;
    gap: var(--space-xl);
    margin-bottom: var(--space-xl);
}

@media (max-width: 968px) {
    .hero-stats {
        justify-content: center;
        flex-wrap: wrap;
    }
}

.stat-item {
    text-align: center;
    position: relative;
}

.stat-item:not(:last-child)::after {
    content: '';
    position: absolute;
    right: calc(-1 * var(--space-xl) / 2);
    top: 15%;
    height: 70%;
    width: 1px;
    background: linear-gradient(to bottom, transparent, var(--glass-edge), transparent);
}

.stat-value {
    display: block;
    font-family: var(--font-display);
    font-size: 48px;
    font-weight: 800;
    background: var(--grad-brand);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    line-height: 1;
}

.stat-label {
    font-size: 13px;
    color: var(--content-muted);
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 8px;
}

.hero-cta {
    display: flex;
    gap: var(--space-md);
    flex-wrap: wrap;
}

@media (max-width: 968px) {
    .hero-cta {
        justify-content: center;
    }
}

.hero-image {
    position: relative;
}

.hero-img {
    width: 100%;
    max-width: 580px;
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-xl), var(--glow-lg);
    border: 1px solid var(--glass-edge);
}

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

.glass-card {
    background: var(--glass-bg);
    backdrop-filter: blur(var(--glass-blur));
    -webkit-backdrop-filter: blur(var(--glass-blur));
    border: 1px solid var(--glass-edge);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-md), var(--shadow-inset);
    transition: var(--ease-out);
    position: relative;
    overflow: hidden;
}

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

.glass-card:hover {
    background: var(--glass-bg-hover);
    border-color: var(--glass-edge-active);
    box-shadow: var(--shadow-lg), var(--glow-md);
    transform: translateY(-6px);
}

.glass-card:hover::before {
    background: linear-gradient(90deg, transparent, var(--brand-primary), transparent);
}

/* CTA / Action блоки — другая структура */
.action-block,
.cta-block {
    text-align: center;
    padding: var(--space-2xl) var(--space-3xl);
    margin: var(--space-2xl) 0;
    background: linear-gradient(160deg, rgba(var(--brand-rgb), 0.1) 0%, rgba(0, 0, 0, 0.35) 100%);
    border: 1px solid rgba(var(--brand-rgb), 0.28);
    border-radius: var(--radius-xl);
    position: relative;
    overflow: hidden;
    box-shadow: var(--shadow-md), 0 0 0 1px rgba(255, 255, 255, 0.03) inset;
}

/* Action block (CTA in article) variants */
.action-block.variant-v2 { text-align: left; }
.action-block.variant-v2 .hero-cta { justify-content: flex-start !important; }
.action-block.variant-v3 {
    background: linear-gradient(135deg, rgba(var(--brand-rgb), 0.12) 0%, rgba(0, 0, 0, 0.6) 100%);
    border: 1px solid rgba(var(--brand-rgb), 0.22);
}
.action-block.variant-v4 {
    background: transparent;
    border-style: dashed;
}
.action-block.variant-v4::before { display: none; }

.action-block::before,
.cta-block::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: linear-gradient(180deg, var(--brand-primary), var(--brand-primary-dark));
    opacity: 0.9;
}

.action-icon,
.cta-icon {
    font-size: 3rem;
    margin-bottom: 0.75rem;
    display: inline-block;
}

.action-title,
.cta-title {
    font-family: var(--font-display);
    font-size: clamp(22px, 3.5vw, 32px);
    font-weight: 700;
    margin-bottom: 0.5rem;
    color: var(--content-high);
}

.action-subtitle,
.cta-subtitle {
    font-size: 1.1rem;
    color: var(--content-dim);
    margin-bottom: 1rem;
    line-height: 1.5;
}

.action-note,
.cta-trust {
    font-size: 0.9rem;
    color: var(--content-dim);
    margin-bottom: 1.25rem;
    opacity: 0.9;
}

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

.spot-cta-block {
    margin: var(--space-2xl) 0;
    padding: 0;
    border-radius: var(--radius-lg);
    overflow: hidden;
    background: linear-gradient(135deg, rgba(var(--brand-rgb), 0.1) 0%, rgba(0, 0, 0, 0.45) 50%);
    border: 1px solid rgba(var(--brand-rgb), 0.28);
    position: relative;
    box-shadow: var(--shadow-md), 0 0 0 1px rgba(255, 255, 255, 0.04) inset;
}

.spot-cta-block::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: linear-gradient(180deg, var(--brand-primary), var(--brand-primary-dark));
    opacity: 0.95;
}

.spot-cta-inner {
    display: flex;
    align-items: center;
    gap: var(--space-lg);
    flex-wrap: wrap;
    padding: var(--space-lg) var(--space-lg) var(--space-lg) calc(var(--space-lg) + 5px);
}

.spot-cta-number {
    font-family: var(--font-display);
    font-size: 3.5rem;
    font-weight: 800;
    line-height: 1;
    color: var(--brand-primary);
    opacity: 0.95;
    text-shadow: 0 0 40px rgba(var(--brand-rgb), 0.4);
    flex-shrink: 0;
}

.spot-cta-body {
    flex: 1 1 280px;
}

.spot-cta-title {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--content-high);
    margin: 0 0 0.4rem 0;
    line-height: 1.3;
}

.spot-cta-desc {
    font-size: 0.95rem;
    color: var(--content-dim);
    margin: 0 0 var(--space-md) 0;
    line-height: 1.5;
}

.spot-cta-block .btn {
    font-weight: 600;
}

/* Spot CTA variants */
.spot-cta-block.variant-v2 {
    background: linear-gradient(135deg, rgba(var(--brand-rgb), 0.14) 0%, rgba(0, 0, 0, 0.55) 60%);
}
.spot-cta-block.variant-v2 .spot-cta-number { font-size: 3rem; opacity: 0.9; }
.spot-cta-block.variant-v3 { text-align: center; }
.spot-cta-block.variant-v3 .spot-cta-inner { justify-content: center; }
.spot-cta-block.variant-v3::before { display: none; }
.spot-cta-block.variant-v4 {
    border-style: dashed;
    background: rgba(0, 0, 0, 0.32);
}
.spot-cta-block.variant-v4 .spot-cta-desc { font-size: 0.9rem; }

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

.article-content {
    font-size: 17px;
    line-height: 1.85;
    padding: var(--space-lg) 0;
    margin: var(--space-md) 0;
    border-top: 1px solid rgba(var(--brand-rgb), 0.1);
}

.article-content h2 {
    font-family: var(--font-display);
    font-size: clamp(24px, 3.5vw, 38px);
    font-weight: 700;
    margin: var(--space-2xl) 0 var(--space-lg);
    padding-bottom: var(--space-md);
    border-bottom: 2px solid var(--glass-edge);
    position: relative;
    color: var(--content-high);
}

.article-content h2::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 150px;
    height: 3px;
    background: var(--grad-brand);
    border-radius: var(--radius-full);
}

.article-content h3 {
    font-family: var(--font-display);
    font-size: clamp(20px, 2.8vw, 28px);
    font-weight: 600;
    margin: var(--space-xl) 0 var(--space-md);
    color: var(--brand-primary);
    text-shadow: var(--glow-text);
}

.article-content p {
    margin-bottom: var(--space-lg);
    color: var(--content-dim);
}

.article-content ul,
.article-content ol {
    margin: var(--space-lg) 0;
    padding-left: var(--space-xl);
}

.article-content li {
    margin-bottom: var(--space-sm);
    color: var(--content-dim);
    position: relative;
}

.article-content ul li::marker {
    color: var(--brand-primary);
    font-size: 1.2em;
}

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

.slots-page .article-content ul li {
    position: relative;
    padding-left: var(--space-xl);
    margin-bottom: var(--space-md);
    color: var(--content-dim);
    line-height: 1.8;
}

.slots-page .article-content ul li::before {
    content: '🎰';
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1.2em;
    filter: drop-shadow(0 0 10px rgba(255, 215, 0, 0.5));
}

.slots-page .article-content ul li strong {
    color: var(--gold);
    font-weight: 700;
}

.article-content a {
    color: var(--brand-primary);
    text-decoration: underline;
    text-decoration-color: rgba(var(--brand-rgb), 0.4);
    text-underline-offset: 4px;
    transition: var(--ease-out);
}

.article-content a:hover {
    text-decoration-color: var(--brand-primary);
    text-shadow: var(--glow-text);
}

.article-content strong,
.article-content b {
    color: var(--content-high);
    font-weight: 700;
}

/* Tables */
.article-content table {
    width: 100%;
    border-collapse: collapse;
    margin: var(--space-xl) 0;
    background: var(--glass-bg);
    border-radius: var(--radius-lg);
    overflow: hidden;
    border: 1px solid var(--glass-edge);
}

.article-content th,
.article-content td {
    padding: var(--space-md);
    text-align: left;
    border-bottom: 1px solid var(--glass-edge);
}

.article-content th {
    background: rgba(var(--brand-rgb), 0.15);
    font-weight: 700;
    color: var(--brand-primary);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 13px;
}

.article-content tr:hover {
    background: rgba(var(--brand-rgb), 0.08);
}

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

.slots-showcase,
.info-block.gradient-bg {
    margin: var(--space-2xl) 0;
    padding: var(--space-2xl);
    background: linear-gradient(135deg, var(--glass-bg) 0%, rgba(var(--brand-rgb), 0.08) 100%);
    border: 1px solid var(--glass-edge);
    border-radius: var(--radius-2xl);
    position: relative;
}

.slots-showcase h2,
.info-block.gradient-bg h2 {
    text-align: center;
    font-family: var(--font-display);
    font-size: 32px;
    margin-bottom: var(--space-xl);
    border: none;
    padding: 0;
}

.slots-showcase h2::after,
.info-block.gradient-bg h2::after {
    display: none;
}

.slots-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--space-lg);
}

.slot-card {
    background: var(--glass-bg);
    border: 1px solid var(--glass-edge);
    border-radius: var(--radius-lg);
    padding: var(--space-md);
    transition: var(--ease-spring);
    position: relative;
    overflow: hidden;
    opacity: 0;
    transform: translateY(40px) scale(0.95);
}

.slot-card.animate-in {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.slot-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--grad-brand);
    transform: scaleX(0);
    transition: var(--ease-out);
}

.slot-card::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 50% 0%, rgba(var(--brand-rgb), 0.2) 0%, transparent 60%);
    opacity: 0;
    transition: var(--ease-out);
}

.slot-card:hover::before {
    transform: scaleX(1);
}

.slot-card:hover::after {
    opacity: 1;
}

.slot-card:hover {
    transform: translateY(-12px) scale(1.03);
    border-color: var(--glass-edge-active);
    box-shadow: var(--glow-lg), var(--shadow-xl);
}

.slot-card img,
.slot-card .slot-image {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: var(--radius-md);
    margin-bottom: var(--space-md);
    transition: var(--ease-out);
    position: relative;
    z-index: 1;
}

.slot-card:hover img,
.slot-card:hover .slot-image {
    transform: scale(1.05);
}

.slot-card h4 {
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin-bottom: var(--space-2xs);
    color: var(--content-high);
    position: relative;
    z-index: 1;
}

.slot-card .slot-rtp {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2xs);
    padding: 0.4rem 0.9rem;
    background: rgba(255, 255, 255, 0.04);
    border-top: 2px solid var(--success);
    border-radius: 0 0 10px 10px;
    text-align: center;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 700;
    font-size: 14px;
    margin-bottom: var(--space-2xs);
    position: relative;
    z-index: 1;
}

.slot-card .slot-rtp span {
    color: var(--success);
    font-weight: 800;
}

.slot-card .slot-desc,
.slot-card .slot-provider {
    text-align: center;
    color: var(--content-dim);
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: var(--space-sm);
    position: relative;
    z-index: 1;
}

.slot-tags,
.slot-features {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2xs);
    justify-content: center;
    position: relative;
    z-index: 1;
}

.slot-tag,
.slot-features .badge {
    background: linear-gradient(135deg, rgba(var(--brand-rgb), 0.25) 0%, rgba(var(--brand-rgb), 0.1) 100%);
    color: var(--brand-vivid);
    padding: 5px 14px;
    border-radius: var(--radius-full);
    font-size: 11px;
    font-weight: 600;
    border: 1px solid rgba(var(--brand-rgb), 0.35);
    transition: var(--ease-out);
}

.slot-tag:hover,
.slot-features .badge:hover {
    background: var(--brand-primary);
    color: var(--content-high);
    transform: scale(1.08);
}

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

/* Контейнер страницы слотов */
.slots-page {
    padding: var(--space-xl) 0;
}

/* Заголовок страницы слотов */
.slots-page-header {
    text-align: center;
    margin-bottom: var(--space-3xl);
    position: relative;
}

.slots-page-header::after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 4px;
    background: var(--grad-gold);
    border-radius: var(--radius-full);
}

/* Фильтры и категории слотов */
.slots-filters {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-sm);
    justify-content: center;
    margin-bottom: var(--space-2xl);
    padding: var(--space-lg);
    background: var(--glass-bg);
    border: 1px solid var(--glass-edge);
    border-radius: var(--radius-xl);
    backdrop-filter: blur(var(--glass-blur));
}

.slots-filter-btn {
    padding: var(--space-xs) var(--space-lg);
    background: transparent;
    border: 2px solid var(--glass-edge);
    border-radius: var(--radius-full);
    color: var(--content-dim);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: var(--ease-out);
    position: relative;
    overflow: hidden;
}

.slots-filter-btn::before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--grad-gold);
    opacity: 0;
    transition: var(--ease-out);
    z-index: -1;
}

.slots-filter-btn:hover,
.slots-filter-btn.active {
    color: var(--content-high);
    border-color: var(--gold);
    box-shadow: 0 0 20px var(--gold-glow);
}

.slots-filter-btn:hover::before,
.slots-filter-btn.active::before {
    opacity: 1;
}

/* Улучшенные карточки слотов для страницы */
.slots-page .slot-card {
    background: linear-gradient(135deg, var(--glass-bg) 0%, rgba(255, 215, 0, 0.03) 100%);
    border: 2px solid var(--glass-edge);
    box-shadow: var(--shadow-md);
}

.slots-page .slot-card::before {
    background: var(--grad-gold);
    height: 4px;
}

.slots-page .slot-card:hover {
    background: linear-gradient(135deg, rgba(255, 215, 0, 0.08) 0%, rgba(255, 165, 0, 0.05) 100%);
    border-color: var(--gold);
    box-shadow: var(--glow-lg), 0 0 30px var(--gold-glow);
}

/* RTP индикатор — премиальный минималистичный стиль */
.slot-rtp {
    display: inline-flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-2xs) var(--space-sm) var(--space-2xs) var(--space-md);
    background: rgba(255, 255, 255, 0.04);
    border: none;
    border-left: 3px solid var(--success);
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
    font-weight: 700;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.9);
    letter-spacing: 0.3px;
    position: relative;
}

.slot-rtp span {
    color: var(--success);
    font-weight: 800;
}

.slot-rtp.high-rtp {
    border-left-color: var(--gold);
}

.slot-rtp.high-rtp span {
    color: var(--gold);
    text-shadow: 0 0 12px var(--gold-glow);
}

/* Провайдеры слотов */
.slot-provider {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2xs);
    padding: var(--space-2xs) var(--space-sm);
    background: rgba(var(--brand-rgb), 0.1);
    border: 1px solid rgba(var(--brand-rgb), 0.3);
    border-radius: var(--radius-sm);
    font-size: 12px;
    font-weight: 600;
    color: var(--brand-primary);
    margin-top: var(--space-xs);
}

.slot-provider::before {
    content: '🎮';
    font-size: 14px;
}

/* Бейджи для слотов */
.slot-badge {
    position: absolute;
    top: var(--space-sm);
    right: var(--space-sm);
    padding: var(--space-2xs) var(--space-xs);
    background: var(--grad-gold);
    color: var(--surface-deep);
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: var(--radius-sm);
    box-shadow: 0 0 15px var(--gold-glow);
    z-index: 2;
    animation: badge-pulse 2s ease-in-out infinite;
}

@keyframes badge-pulse {
    0%, 100% { 
        transform: scale(1);
        box-shadow: 0 0 15px var(--gold-glow);
    }
    50% { 
        transform: scale(1.05);
        box-shadow: 0 0 25px var(--gold-glow), 0 0 35px var(--gold-glow);
    }
}

.slot-badge.new {
    background: linear-gradient(135deg, #00C853 0%, #4CAF50 100%);
    color: var(--content-high);
    box-shadow: 0 0 15px var(--success-glow);
}

.slot-badge.hot {
    background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);
    color: var(--content-high);
    box-shadow: 0 0 15px var(--error-glow);
}

.slot-badge.jackpot {
    background: var(--grad-gold);
    animation: jackpot-glow 1.5s ease-in-out infinite;
}

@keyframes jackpot-glow {
    0%, 100% { 
        box-shadow: 0 0 20px var(--gold-glow);
    }
    50% { 
        box-shadow: 0 0 40px var(--gold-glow), 0 0 60px var(--gold-glow);
    }
}

/* Статистика слота */
.slot-stats {
    display: flex;
    justify-content: space-around;
    gap: var(--space-sm);
    margin-top: var(--space-sm);
    padding-top: var(--space-sm);
    border-top: 1px solid var(--glass-edge);
}

.slot-stat {
    text-align: center;
    flex: 1;
}

.slot-stat-value {
    display: block;
    font-size: 18px;
    font-weight: 800;
    color: var(--brand-primary);
    margin-bottom: 4px;
}

.slot-stat-label {
    font-size: 11px;
    color: var(--content-muted);
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Кнопка "Играть" на карточке */
.slot-play-btn {
    width: 100%;
    margin-top: var(--space-md);
    padding: var(--space-sm) var(--space-lg);
    background: var(--grad-gold);
    color: var(--surface-deep);
    border: none;
    border-radius: var(--radius-md);
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    transition: var(--ease-out);
    box-shadow: 0 0 20px var(--gold-glow);
    position: relative;
    overflow: hidden;
}

.slot-play-btn::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255,255,255,0.3) 0%, transparent 50%);
    transform: translateX(-100%);
    transition: 0.5s;
}

.slot-play-btn:hover::before {
    transform: translateX(100%);
}

.slot-play-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 30px var(--gold-glow), 0 0 50px var(--gold-glow);
}

.slot-play-btn:active {
    transform: translateY(0);
}

/* Секция провайдеров */
.slots-providers {
    margin: var(--space-3xl) 0;
    padding: var(--space-2xl);
    background: var(--glass-bg);
    border: 1px solid var(--glass-edge);
    border-radius: var(--radius-2xl);
}

.slots-providers h3 {
    text-align: center;
    font-family: var(--font-display);
    font-size: 28px;
    margin-bottom: var(--space-xl);
    color: var(--content-high);
}

.providers-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: var(--space-lg);
}

.provider-card {
    background: rgba(var(--brand-rgb), 0.05);
    border: 1px solid var(--glass-edge);
    border-radius: var(--radius-lg);
    padding: var(--space-lg);
    text-align: center;
    transition: var(--ease-out);
    cursor: pointer;
}

.provider-card:hover {
    background: rgba(var(--brand-rgb), 0.1);
    border-color: var(--brand-primary);
    transform: translateY(-5px);
    box-shadow: var(--glow-md);
}

.provider-card img {
    width: 100%;
    max-width: 120px;
    height: auto;
    margin-bottom: var(--space-sm);
    filter: grayscale(0.3);
    transition: var(--ease-out);
}

.provider-card:hover img {
    filter: grayscale(0);
    transform: scale(1.1);
}

.provider-card h4 {
    font-size: 16px;
    font-weight: 600;
    color: var(--content-high);
    margin: 0;
}

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

.slot-card.animate-in {
    animation: slot-card-enter 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

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

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

/* Мобильные стили для страницы слотов */
@media (max-width: 768px) {
    .slots-filters {
        padding: var(--space-md);
        gap: var(--space-xs);
    }
    
    .slots-filter-btn {
        font-size: 12px;
        padding: var(--space-2xs) var(--space-md);
    }
    
    .slots-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--space-sm);
    }
    
    .slot-card {
        padding: var(--space-sm);
    }
    
    .slot-card img,
    .slot-card .slot-image {
        height: 120px;
    }
    
    .slot-stats {
        flex-direction: column;
        gap: var(--space-xs);
    }
    
    .providers-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--space-sm);
    }
    
    .slot-badge {
        font-size: 9px;
        padding: 3px 6px;
    }
}

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

.advantage-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--space-lg);
    margin: var(--space-xl) 0;
}

.advantage-card {
    background: var(--glass-bg);
    border: 1px solid var(--glass-edge);
    border-radius: var(--radius-lg);
    padding: var(--space-xl);
    text-align: center;
    transition: var(--ease-spring);
    opacity: 0;
    transform: translateY(30px);
}

.advantage-card.animate-in {
    opacity: 1;
    transform: translateY(0);
}

.advantage-card:hover {
    transform: translateY(-10px);
    border-color: var(--brand-primary);
    box-shadow: var(--glow-md);
}

.advantage-icon {
    font-size: 56px;
    margin-bottom: var(--space-md);
    display: block;
    animation: icon-float 3s ease-in-out infinite;
}

@keyframes icon-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}

.advantage-card h3 {
    font-size: 20px;
    margin-bottom: var(--space-sm);
    color: var(--brand-primary);
}

.advantage-card p {
    color: var(--content-dim);
    font-size: 15px;
    line-height: 1.7;
}

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

.info-block {
    background: var(--glass-bg);
    border-left: 4px solid var(--brand-primary);
    border-radius: var(--radius-md);
    padding: var(--space-lg);
    margin: var(--space-lg) 0;
    opacity: 0;
    transform: translateX(-30px);
}

.info-block.animate-in {
    opacity: 1;
    transform: translateX(0);
}

.info-block h3 {
    color: var(--brand-primary);
    margin-bottom: var(--space-sm);
    font-size: 18px;
}

.info-block p {
    color: var(--content-dim);
    margin: 0;
}

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

.faq-section {
    background: linear-gradient(135deg, rgba(var(--brand-rgb), 0.06) 0%, rgba(0, 0, 0, 0.4) 100%);
    border: 1px solid rgba(var(--brand-rgb), 0.2);
    border-radius: var(--radius-2xl);
    padding: var(--space-2xl);
    margin: var(--space-2xl) 0;
    position: relative;
    overflow: hidden;
}

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

.faq-section h2 {
    text-align: center;
    margin-bottom: var(--space-xl);
    border: none;
    padding: 0;
    font-size: 1.6rem;
}

.faq-section h2::after {
    display: none;
}

.faq-list,
.faq-container {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* FAQ variants */
.faq-section.variant-v2 .faq-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.9rem;
}
.faq-section.variant-v3 .faq-question::before { display: none; }
.faq-section.variant-v3 .faq-question { padding-left: 1.1rem; }
.faq-section.variant-v3 .faq-item { border-style: dashed; background: rgba(0, 0, 0, 0.22); }
.faq-section.variant-v4 { background: rgba(0, 0, 0, 0.28); border-style: dashed; }
.faq-section.variant-v4 h2 { text-align: left; }

.faq-item {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.faq-item:hover {
    border-color: rgba(var(--brand-rgb), 0.3);
}

.faq-item.open {
    border-color: rgba(var(--brand-rgb), 0.4);
    box-shadow: 0 0 0 1px rgba(var(--brand-rgb), 0.15);
}

.faq-item.open .faq-question {
    color: var(--brand-primary);
}

.faq-item.open .faq-question::after {
    transform: translateY(-40%) rotate(-135deg);
}

.faq-question {
    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: inherit;
    color: var(--content-high);
    cursor: pointer;
    position: relative;
    text-align: left;
    background: none;
    border: none;
    transition: color 0.2s ease;
}

.faq-question:hover {
    color: var(--brand-primary);
}

.faq-question::before {
    content: '';
    width: 4px;
    height: 1.1em;
    margin-right: 1rem;
    background: var(--brand-primary);
    border-radius: 2px;
    opacity: 0.6;
    flex-shrink: 0;
}

.faq-question span {
    flex: 1;
}

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

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.25s ease;
}

.faq-item.open .faq-answer {
    max-height: 800px;
}

.faq-answer p,
.faq-answer div {
    padding: 0 1.25rem 1.25rem;
    padding-left: calc(1.25rem + 4px + 1rem);
    margin: 0;
    color: var(--content-dim);
    line-height: 1.75;
    font-size: 0.95rem;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.faq-answer a {
    color: var(--brand-primary);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.faq-answer a:hover {
    color: var(--brand-primary-light);
}

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

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

.breadcrumbs {
    padding: var(--space-md) 0;
    margin-bottom: var(--space-lg);
}

.breadcrumbs-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--space-xs);
    list-style: none;
}

.breadcrumb-item {
    display: inline-flex;
    align-items: center;
}

.breadcrumb-link {
    color: var(--brand-primary);
    font-size: 13px;
    padding: var(--space-3xs) var(--space-xs);
    border-radius: var(--radius-xs);
    transition: var(--ease-out);
}

.breadcrumb-link:hover {
    background: var(--glass-bg);
}

.breadcrumb-item.active {
    color: var(--content-muted);
    font-size: 13px;
}

.breadcrumb-separator {
    color: var(--content-muted);
    font-size: 14px;
}

/* Всплывающее предложение — другая вёрстка */
.floating-offer,
.bonus-popup {
    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, 28, 26, 0.97);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(0, 229, 204, 0.2);
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}

.floating-offer.show,
.bonus-popup.show {
    transform: translateX(-50%) translateY(0);
}

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

.popup-close:hover {
    background: rgba(255, 255, 255, 0.15);
}

.offer-body,
.popup-content {
    display: flex;
    align-items: center;
    gap: 12px;
}

@media (max-width: 480px) {
    .floating-offer,
    .bonus-popup {
        min-width: 260px;
        max-width: 90%;
        padding: 14px 48px 14px 14px;
    }
}

.popup-icon {
    font-size: 28px;
    flex-shrink: 0;
}

.offer-text,
.popup-text {
    flex: 1;
    min-width: 0;
}

.offer-heading,
.popup-bonus {
    display: block;
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--brand-primary);
    line-height: 1.2;
}

.offer-desc,
.popup-label {
    display: block;
    color: rgba(255, 255, 255, 0.55);
    font-size: 0.8rem;
    margin-top: 2px;
    line-height: 1.3;
}

.popup-cta {
    flex-shrink: 0;
}

.popup-cta .btn {
    padding: 10px 18px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 10px;
    white-space: nowrap;
    background: var(--brand-primary);
    color: #0a0a0a;
    border: none;
}

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

.site-footer {
    background: linear-gradient(180deg, var(--surface-deep) 0%, var(--surface-void) 100%);
    border-top: 2px solid transparent;
    border-image: linear-gradient(90deg, transparent 5%, var(--brand-primary) 50%, transparent 95%) 1;
    padding: var(--space-3xl) 0 0;
    margin-top: var(--space-3xl);
    position: relative;
}

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

.footer-wrapper {
    max-width: 1380px;
    margin: 0 auto;
    padding: 0 var(--space-lg);
    position: relative;
    z-index: 1;
}

.footer-content {
    padding-bottom: var(--space-xl);
}

.footer-blocks {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-lg);
    margin-bottom: var(--space-xl);
}

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

@media (max-width: 768px) {
    .footer-blocks {
        grid-template-columns: 1fr;
    }
}

.footer-block {
    background: var(--glass-bg);
    border: 1px solid var(--glass-edge);
    border-radius: var(--radius-lg);
    padding: var(--space-xl);
    transition: var(--ease-out);
    position: relative;
    overflow: hidden;
}

.footer-block::before {
    content: '';
    position: absolute;
    top: 20%;
    left: 0;
    width: 3px;
    height: 60%;
    background: var(--grad-brand);
    border-radius: var(--radius-full);
    transform: scaleY(0);
    transition: var(--ease-out);
}

.footer-block:hover::before {
    transform: scaleY(1);
}

.footer-block:hover {
    background: var(--glass-bg-hover);
    border-color: var(--glass-edge-active);
    transform: translateY(-8px);
    box-shadow: var(--shadow-lg), var(--glow-md);
}

.footer-block h4 {
    font-family: var(--font-display);
    font-size: 18px;
    font-weight: 700;
    margin-bottom: var(--space-sm);
    color: var(--content-high);
}

.footer-block p {
    font-size: 14px;
    line-height: 1.75;
    color: var(--content-dim);
    margin: 0;
}

.footer-menu {
    text-align: center;
    padding: var(--space-xl) 0;
    border-top: 1px solid var(--glass-edge);
    border-bottom: 1px solid var(--glass-edge);
}

.footer-menu h4 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: var(--space-md);
    color: var(--content-high);
}

.footer-nav-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--space-sm);
}

.footer-nav-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background: var(--glass-bg);
    border: 1px solid var(--glass-edge);
    border-radius: var(--radius-sm);
    color: var(--content-main);
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: var(--ease-out);
}

.footer-nav-link:hover,
.footer-nav-link.active {
    background: var(--brand-primary);
    border-color: var(--brand-primary);
    color: var(--surface-deep);
    transform: translateY(-3px);
    box-shadow: var(--glow-sm);
}

.footer-legal {
    padding: var(--space-lg) 0;
}

.legal-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--space-lg);
}

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

.footer-brand {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.brand-name {
    font-family: var(--font-display);
    font-size: 26px;
    font-weight: 800;
    background: var(--grad-brand);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.brand-tagline {
    font-size: 12px;
    color: var(--content-muted);
    text-transform: uppercase;
    letter-spacing: 3px;
}

.footer-copy {
    text-align: center;
    flex: 1;
}

.footer-copy p {
    font-size: 13px;
    color: var(--content-dim);
    margin: 0 0 6px;
}

.footer-warning {
    font-size: 11px !important;
    color: var(--content-muted) !important;
}

.footer-seals {
    display: flex;
    gap: 14px;
}

.footer-seal {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    background: var(--glass-bg);
    border: 1px solid var(--glass-edge);
    border-radius: var(--radius-sm);
    font-size: 12px;
    color: var(--content-dim);
}

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

.keywords-block::before,
.tag-cloud::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(var(--brand-rgb), 0.4), transparent);
}

.keywords-heading,
.tag-cloud-title {
    font-size: 1.15rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: var(--content-high);
    text-align: center;
    position: relative;
    z-index: 1;
}

.keywords-inner,
.tag-cloud-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    position: relative;
    z-index: 1;
}

.keyword-pill,
.tag-item {
    display: inline-flex;
    align-items: center;
    padding: 9px 20px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 999px;
    color: var(--content-main);
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    transition: background 0.25s, border-color 0.25s, transform 0.2s;
    white-space: nowrap;
}

.keyword-pill:hover,
.tag-item:hover {
    background: rgba(var(--brand-rgb), 0.2);
    border-color: rgba(var(--brand-rgb), 0.45);
    transform: translateY(-3px);
    color: var(--content-high);
}

.keyword-pill.tag-sm,
.tag-item.tag-sm {
    font-size: 11px;
    padding: 6px 14px;
}

.keyword-pill.tag-lg,
.tag-item.tag-lg {
    font-size: 14px;
    padding: 11px 24px;
    font-weight: 600;
}

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

.pulse-glow {
    animation: pulse-glow 2s ease-in-out infinite;
}

@keyframes pulse-glow {
    0%, 100% { box-shadow: var(--glow-md); }
    50% { box-shadow: var(--glow-lg); }
}

.float-animation {
    animation: float-anim 6s ease-in-out infinite;
}

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

.text-glow-animation {
    animation: text-glow 2s ease-in-out infinite;
}

@keyframes text-glow {
    0%, 100% { text-shadow: var(--glow-text); }
    50% { text-shadow: 0 0 50px rgba(var(--brand-rgb), 1); }
}

.hover-lift {
    transition: var(--ease-spring);
}

.hover-lift:hover {
    transform: translateY(-8px);
}

/* Loading */
.generation-notice {
    text-align: center;
    padding: var(--space-3xl);
    max-width: 560px;
    margin: var(--space-3xl) auto;
}

.notice-icon {
    font-size: 80px;
    margin-bottom: var(--space-lg);
    animation: icon-bounce 1.5s ease-in-out infinite;
}

.generation-notice h2 {
    margin-bottom: var(--space-md);
    border: none;
    padding: 0;
}

.generation-notice h2::after {
    display: none;
}

.progress-bar {
    height: 6px;
    background: var(--glass-bg);
    border-radius: var(--radius-full);
    overflow: hidden;
    margin-top: var(--space-lg);
}

.progress-fill {
    height: 100%;
    width: 40%;
    background: var(--grad-brand);
    border-radius: var(--radius-full);
    animation: progress-move 1.5s ease-in-out infinite;
}

@keyframes progress-move {
    0% { width: 0%; margin-left: 0; }
    50% { width: 60%; }
    100% { width: 0%; margin-left: 100%; }
}

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

@media (max-width: 768px) {
    :root {
        --space-xl: 32px;
        --space-2xl: 48px;
        --space-3xl: 64px;
    }
    
    body {
        font-size: 15px;
    }
    
    .main {
        padding-top: 62px;
    }
    
    .header-inner {
        padding: 8px 16px;
    }
    
    .logo {
        height: 45px;
    }
    
    .mobile-nav {
        top: 80px;
    }
    
    .main-title {
        font-size: 28px;
    }
    
    .hero-title {
        font-size: 26px;
    }
    
    .hero-banner {
        padding: var(--space-lg);
    }
    
    .hero-stats {
        gap: var(--space-md);
    }
    
    .stat-value {
        font-size: 34px;
    }
    
    .hero-cta {
        flex-direction: column;
    }
    
    .hero-cta .btn {
        width: 100%;
    }
    
    .slots-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--space-sm);
    }
    
    .slot-card {
        padding: var(--space-sm);
    }
    
    .slot-card img,
    .slot-card .slot-image {
        height: 140px;
    }
    
    .slot-card h4 {
        font-size: 13px;
    }
    
    .cta-block {
        padding: var(--space-xl);
    }
    
    .cta-title {
        font-size: 22px;
    }
    
    .cta-subtitle {
        font-size: 1.1rem;
    }
    
    .tag-cloud-container {
        gap: 8px;
    }
    
    .tag-item {
        padding: 9px 18px;
        font-size: 13px;
    }
    
    .bonus-popup {
        bottom: var(--space-md);
        left: var(--space-md);
        right: var(--space-md);
        width: auto;
        transform: translateX(0) translateY(300%);
    }
    
    .bonus-popup.show {
        transform: translateX(0) translateY(0);
    }
    
    .popup-bonus {
        font-size: 32px;
    }
}

@media (max-width: 480px) {
    :root {
        --space-lg: 20px;
        --space-xl: 24px;
    }
    
    body {
        font-size: 14px;
    }
    
    .main {
        padding-top: 58px;
    }
    
    .main-title {
        font-size: 24px;
    }
    
    .hero-title {
        font-size: 22px;
    }
    
    .hero-badge {
        font-size: 10px;
    }
    
    .stat-value {
        font-size: 28px;
    }
    
    .slots-grid {
        gap: var(--space-xs);
    }
    
    .slot-card img,
    .slot-card .slot-image {
        height: 100px;
    }
    
    .slot-card h4 {
        font-size: 11px;
    }
    
    .slot-card .slot-rtp {
        font-size: 10px;
    }
    
    .tag-item {
        padding: 7px 14px;
        font-size: 11px;
    }
}

/* Touch devices */
@media (hover: none) and (pointer: coarse) {
    .btn,
    .tag-item,
    .footer-nav-link,
    .nav-link,
    .slot-card {
        min-height: 48px;
    }
    
    .btn:hover,
    .tag-item:hover,
    .footer-nav-link:hover,
    .slot-card: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;
    }
    
    .float-animation,
    .pulse-glow,
    .text-glow-animation {
        animation: none;
    }
}

/* Print */
@media print {
    .header,
    .mobile-nav,
    .floating-offer,
    .bonus-popup,
    .background-effects,
    .site-footer,
    .keywords-block,
    .tag-cloud,
    .action-block,
    .cta-block {
        display: none !important;
    }
    
    .main {
        padding-top: 0;
    }
    
    body {
        background: white;
        color: black;
    }
    
    a {
        color: black;
        text-decoration: underline;
    }
}

/* ═══════════════════════════════════════════════════════ */
/* INLINE STYLES FROM 270m.casino (blocks 2-12)           */
/* ═══════════════════════════════════════════════════════ */

/* === INLINE STYLE BLOCK 2 === */
/* Critical CSS - Inline для мгновенной отрисовки */
:root {
    --primary: #151b2e;
    --secondary: #090f1e;
    --accent: #089e4e;
    --text: #ffffff;
}
*, *::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: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    background: var(--secondary);
    color: var(--text);
    line-height: 1.6;
    min-height: 100vh;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}
/* Container */
.container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 24px;
}
/* Header - Критично для LCP */
.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 300;
    background: rgba(13, 40, 24, 0.85);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    height: 80px;
}
.header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 80px;
    gap: 24px;
}
/* Logo - Критично для LCP */
.logo-link {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
.logo {
    height: 50px;
    width: auto;
    object-fit: contain;
}
/* Navigation */
.main-nav {
    flex: 1;
    display: flex;
    justify-content: center;
}
.nav-list {
    display: flex;
    gap: 8px;
    list-style: none;
}
.nav-link {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 8px 16px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    font-weight: 500;
    border-radius: 12px;
    text-decoration: none;
    transition: all 0.3s ease;
}
.nav-link.active,
.nav-link:hover {
    color: var(--text);
    background: linear-gradient(135deg, var(--accent) 0%, #089e4ecc 100%);
}
/* Buttons - Критично для CTA */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 24px;
    font-family: inherit;
    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;
}
.btn-primary {
    background: linear-gradient(135deg, var(--accent) 0%, #089e4ecc 100%);
    color: var(--text);
    box-shadow: 0 0 30px rgba(0, 212, 255, 0.4);
}
.btn-outline {
    background: transparent;
    color: var(--accent);
    border: 2px solid var(--accent);
}
.header-actions {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}
/* Main Content */
.main {
    padding-top: 100px;
    padding-bottom: 64px;
    min-height: 100vh;
}
/* Title - Критично для LCP */
.main-title {
    font-size: clamp(32px, 5vw, 56px);
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 24px;
    text-align: center;
    background: linear-gradient(135deg, var(--accent) 0%, #fff 50%, var(--accent) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
/* Preloader */
.preloader {
    position: fixed;
    inset: 0;
    background: var(--secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    transition: opacity 0.5s, visibility 0.5s;
}
.preloader.loaded {
    opacity: 0;
    visibility: hidden;
}
.preloader-spinner {
    width: 60px;
    height: 60px;
    border: 3px solid rgba(255, 255, 255, 0.08);
    border-top-color: var(--accent);
    border-radius: 50%;
    animation: spin 1s linear infinite;
}
@keyframes spin {
    to { transform: rotate(360deg); }
}
/* Mobile Menu */
.mobile-menu-btn {
    display: none;
    width: 44px;
    height: 44px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    cursor: pointer;
}
/* Responsive */
@media (max-width: 1024px) {
    .main-nav,
    .header-actions {
        display: none;
    }
    .mobile-menu-btn {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
@media (max-width: 768px) {
    .container {
        padding: 0 16px;
    }
    .main {
        padding-top: 90px;
    }
    .main-title {
        font-size: 28px;
    }
}
/* Skeleton Loading для CLS */
.skeleton {
    background: linear-gradient(90deg, rgba(255,255,255,0.03) 25%, rgba(255,255,255,0.08) 50%, rgba(255,255,255,0.03) 75%);
    background-size: 200px 100%;
    animation: skeleton-loading 1.5s infinite;
}
@keyframes skeleton-loading {
    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);
}

/* === INLINE STYLE BLOCK 3 === */
/* ============================================
   ДАШБОРД СЛОТОВ v2.0
   ============================================ */
.slots-dashboard {
    margin: 3rem 0;
    padding: 3rem 0;
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, rgba(var(--brand-rgb, 0, 229, 204), 0.08) 0%, rgba(0, 0, 0, 0.5) 100%);
    border-radius: 24px;
    border: 2px solid rgba(var(--brand-rgb, 0, 229, 204), 0.15);
}
.slots-dashboard::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--brand-primary), var(--brand-primary-dark), transparent);
    background-size: 200% 100%;
    animation: slotsDashShine 4s linear infinite;
}
@keyframes slotsDashShine {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}
.slots-dashboard-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 1.5rem;
    position: relative;
    z-index: 1;
}
.slots-dashboard-header {
    margin-bottom: 2.5rem;
    text-align: center;
}
.slots-dashboard-title-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    padding: 1.5rem 2rem;
    background: linear-gradient(135deg, rgba(var(--brand-rgb, 0, 229, 204), 0.1), rgba(0, 0, 0, 0.4));
    border-radius: 20px;
    border: 1px solid rgba(var(--brand-rgb, 0, 229, 204), 0.2);
}
.slots-dashboard-icon {
    font-size: 3.5rem;
    animation: slotsIconFloat 4s ease-in-out infinite;
}
@keyframes slotsIconFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}
.slots-dashboard-title {
    font-size: 1.8rem;
    font-weight: 800;
    margin-bottom: 0.3rem;
    background: linear-gradient(135deg, var(--brand-primary), var(--brand-primary-dark));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.slots-dashboard-subtitle {
    color: rgba(255, 255, 255, 0.75);
    font-size: 0.95rem;
    text-align: center;
}
/* Вкладки */
.slots-dashboard-tabs {
    display: flex;
    justify-content: center;
    gap: 0.75rem;
    margin-bottom: 2.5rem;
    flex-wrap: wrap;
}
.slots-tab {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.85rem 1.5rem;
    background: rgba(255, 255, 255, 0.05);
    border: 2px solid rgba(var(--brand-rgb, 0, 229, 204), 0.25);
    border-radius: 16px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.95rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
}
.slots-tab:hover {
    background: rgba(var(--brand-rgb, 0, 229, 204), 0.15);
    border-color: rgba(var(--brand-rgb, 0, 229, 204), 0.5);
    transform: translateY(-2px);
}
.slots-tab.active {
    background: linear-gradient(135deg, var(--brand-primary), var(--brand-primary-dark));
    border-color: var(--brand-primary);
    color: #0a0f14;
    box-shadow: 0 4px 20px rgba(var(--brand-rgb, 0, 229, 204), 0.4);
}
.slots-tab span {
    font-size: 1.2rem;
}
/* Контент вкладок */
.slots-tab-content {
    display: none;
    animation: slotsFadeIn 0.4s ease;
}
.slots-tab-content.active {
    display: block;
}
@keyframes slotsFadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
.slots-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1.5rem;
}
/* ===== Variants (v1..v4) ===== */
.slots-dashboard.variant-v2 .slots-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.1rem;
}
.slots-dashboard.variant-v2 .slot-card { border-radius: 18px; }
.slots-dashboard.variant-v3 .slots-grid {
    display: flex;
    gap: 1rem;
    overflow-x: auto;
    padding-bottom: 0.5rem;
    scroll-snap-type: x mandatory;
}
.slots-dashboard.variant-v3 .slot-card {
    min-width: 320px;
    scroll-snap-align: start;
}
.slots-dashboard.variant-v4 .slots-grid {
    grid-template-columns: 1fr;
    gap: 0.85rem;
}
.slots-dashboard.variant-v4 .slot-card {
    border-radius: 14px;
}
.slots-dashboard.variant-v4 .slot-chart { display: none; }
.slots-dashboard.variant-v4 .slot-footer { display: flex; justify-content: space-between; }
/* Карточка слота */
.slot-card {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.5) 0%, rgba(17, 26, 34, 0.8) 100%);
    border: 2px solid rgba(var(--brand-rgb, 0, 229, 204), 0.2);
    border-radius: 20px;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    animation: slotCardIn 0.6s ease-out backwards;
}
@keyframes slotCardIn {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}
.slot-card:hover {
    transform: translateY(-8px);
    border-color: rgba(var(--brand-rgb, 0, 229, 204), 0.5);
    box-shadow: 0 16px 40px rgba(var(--brand-rgb, 0, 229, 204), 0.25);
}
.slot-card-inner {
    padding: 0;
}
/* Постер с картинкой */
.slot-poster {
    position: relative;
    height: 160px;
    overflow: hidden;
    background: linear-gradient(135deg, #1a1a2e 0%, #0d0d1a 100%);
}
.slot-poster img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}
.slot-card:hover .slot-poster img {
    transform: scale(1.08);
}
.slot-poster-fallback {
    position: absolute;
    inset: 0;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, rgba(var(--brand-rgb, 0, 229, 204), 0.15) 0%, rgba(0, 0, 0, 0.6) 100%);
}
.slot-poster-fallback.show {
    display: flex;
}
.slot-fallback-icon {
    font-size: 4rem;
    opacity: 0.9;
}
.slot-fallback-name {
    font-size: 1rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.95);
    text-align: center;
    padding: 0 1rem;
}
.slot-badge {
    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;
}
.slot-badge-high {
    background: linear-gradient(135deg, var(--brand-primary), var(--brand-primary-dark));
    color: #0a0f14;
}
.slot-badge-medium {
    background: rgba(var(--brand-rgb, 0, 229, 204), 0.4);
    color: #fff;
}
.slot-badge-low {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
}
/* Инфо */
.slot-info {
    padding: 1rem 1.25rem 0.75rem;
}
.slot-name {
    font-size: 1.2rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 0.25rem;
}
.slot-provider {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.65);
}
/* Мини-график */
.slot-chart {
    padding: 0 1.25rem 1rem;
}
.slot-chart-label {
    display: block;
    font-size: 0.7rem;
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 0.5rem;
}
.slot-chart-bars {
    display: flex;
    align-items: flex-end;
    gap: 0.25rem;
    height: 48px;
}
.slot-chart-bar {
    flex: 1;
    min-width: 4px;
    background: linear-gradient(180deg, var(--brand-primary), var(--brand-primary-dark));
    border-radius: 4px 4px 0 0;
    animation: slotBarGrow 0.8s ease-out backwards;
}
@keyframes slotBarGrow {
    from { height: 0 !important; opacity: 0; }
    to { opacity: 1; }
}
/* Футер карточки */
.slot-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    background: rgba(0, 0, 0, 0.3);
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.slot-rtp {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    padding: 0.35rem 0.6rem 0.35rem 0.75rem;
    background: rgba(255, 255, 255, 0.04);
    border-left: 3px solid var(--brand-primary);
    border-radius: 0 8px 8px 0;
}
.slot-rtp-label {
    font-size: 0.6rem;
    color: rgba(255, 255, 255, 0.45);
    text-transform: uppercase;
    letter-spacing: 0.8px;
}
.slot-rtp-value {
    font-size: 1.1rem;
    font-weight: 800;
    color: var(--brand-primary);
    letter-spacing: 0.5px;
}
.slot-play-btn {
    padding: 0.6rem 1.4rem;
    background: linear-gradient(135deg, var(--brand-primary), var(--brand-primary-dark));
    color: #0a0f14;
    border-radius: 12px;
    font-weight: 800;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all 0.3s ease;
}
.slot-play-btn:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 15px rgba(var(--brand-rgb, 0, 229, 204), 0.5);
}
/* Адаптив */
@media (max-width: 768px) {
    .slots-dashboard-title { font-size: 1.5rem; }
    .slots-grid { grid-template-columns: 1fr; }
    .slots-dashboard-tabs { gap: 0.5rem; }
    .slots-tab { padding: 0.6rem 1rem; font-size: 0.85rem; }
    .slot-poster { height: 140px; }
}
@media (max-width: 480px) {
    .slots-dashboard-container { padding: 0 1rem; }
    .slots-dashboard-title-wrap { flex-direction: column; text-align: center; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
    .slot-card, .slot-chart-bar { animation: none; }
}

/* === INLINE STYLE BLOCK 4 === */
/* Блок запросов сайта — другая структура */
.site-queries-block {
    margin: 2.75rem 0;
    padding: 2rem;
    background: linear-gradient(165deg, rgba(var(--brand-rgb, 0, 229, 204), 0.06) 0%, rgba(0, 0, 0, 0.25) 100%);
    border-radius: 18px;
    border: 1px solid rgba(var(--brand-rgb, 0, 229, 204), 0.2);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.2);
}
.site-queries-heading {
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 1.35rem;
    color: var(--brand-primary);
    text-align: center;
}
.site-queries-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.85rem;
}
.site-query-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.92);
    font-size: 0.9rem;
    font-weight: 500;
    transition: background 0.25s, border-color 0.25s, transform 0.2s ease;
}
.site-query-link:hover {
    background: rgba(var(--brand-rgb, 0, 229, 204), 0.18);
    border-color: rgba(var(--brand-rgb, 0, 229, 204), 0.4);
    transform: translateY(-2px);
}
.site-query-arrow {
    font-size: 0.9rem;
    opacity: 0.8;
}
.site-query-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 220px;
}
/* Additional Content */
.additional-content {
    margin: 3rem 0;
    padding: 2.5rem;
    background: linear-gradient(135deg, rgba(13, 40, 24, 0.6), rgba(10, 30, 18, 0.8));
    border-radius: 24px;
    border: 2px solid rgba(0, 229, 204, 0.2);
}
.content-title {
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: 2rem;
    text-align: center;
    background: linear-gradient(135deg, #00e5cc, #00e5cc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.content-blocks {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
}
.content-block {
    padding: 1.5rem;
    background: linear-gradient(135deg, rgba(0, 229, 204, 0.08), rgba(0, 0, 0, 0.4));
    border: 1px solid rgba(0, 229, 204, 0.2);
    border-radius: 16px;
    transition: all 0.3s ease;
}
.content-block:hover {
    border-color: rgba(0, 229, 204, 0.5);
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 229, 204, 0.3);
}
.block-icon {
    font-size: 2.5rem;
    margin-bottom: 1rem;
}
.block-title {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
    color: #00e5cc;
}
.block-text {
    font-size: 0.95rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.85);
}
/* Internal Links */
.internal-link {
    color: #00e5cc;
    text-decoration: underline;
    text-decoration-style: dotted;
    transition: all 0.2s ease;
}
.internal-link:hover {
    color: #00e5cc;
    text-decoration-style: solid;
}
@media (max-width: 768px) {
    .site-queries-list {
        flex-direction: column;
        align-items: stretch;
    }
    .site-query-link {
        justify-content: flex-start;
    }
    .site-query-text {
        max-width: none;
    }
    .content-blocks {
        grid-template-columns: 1fr;
    }
    .content-title {
        font-size: 1.5rem;
    }
}

/* === INLINE STYLE BLOCK 5 === */
/* Value pillars — опоры ценности бренда */
.value-pillars {
    margin: 2.75rem 0;
    padding: 2.25rem;
    background: linear-gradient(165deg, rgba(var(--brand-rgb, 0, 229, 204), 0.06) 0%, rgba(0, 0, 0, 0.3) 100%);
    border-radius: 20px;
    border: 1px solid rgba(var(--brand-rgb, 0, 229, 204), 0.22);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.04) inset;
    position: relative;
    overflow: hidden;
}
.value-pillars::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--brand-primary), transparent);
    opacity: 0.6;
}
.value-pillars-heading {
    font-size: 1.65rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 2rem;
    color: var(--brand-primary);
    text-shadow: 0 0 24px rgba(var(--brand-rgb, 0, 229, 204), 0.25);
}
.value-pillars-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1.35rem;
}
/* ===== Variants (v1..v4) ===== */
.value-pillars.variant-v2 .value-pillars-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.9rem;
}
.value-pillars.variant-v2 .value-pillar {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.6rem;
    padding: 1.15rem;
}
.value-pillars.variant-v2 .value-pillar-icon { font-size: 1.8rem; }
.value-pillars.variant-v2 .value-pillar-title { font-size: 1rem; }
.value-pillars.variant-v3 {
    padding: 1.35rem;
}
.value-pillars.variant-v3 .value-pillars-grid {
    display: flex;
    gap: 0.85rem;
    overflow-x: auto;
    padding-bottom: 0.5rem;
    scroll-snap-type: x mandatory;
}
.value-pillars.variant-v3 .value-pillar {
    min-width: 280px;
    scroll-snap-align: start;
}
.value-pillars.variant-v4 {
    background: rgba(0, 0, 0, 0.22);
    border-color: rgba(var(--brand-rgb, 0, 229, 204), 0.14);
}
.value-pillars.variant-v4 .value-pillars-grid { grid-template-columns: 1fr; }
.value-pillars.variant-v4 .value-pillar {
    background: transparent;
    border: 1px dashed rgba(255, 255, 255, 0.16);
}
.value-pillar {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.5rem;
    background: linear-gradient(135deg, rgba(var(--brand-rgb, 0, 229, 204), 0.06), rgba(0, 0, 0, 0.4));
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    transition: border-color 0.3s, box-shadow 0.3s, transform 0.25s ease;
}
.value-pillar:hover {
    border-color: rgba(var(--brand-rgb, 0, 229, 204), 0.4);
    box-shadow: 0 10px 28px rgba(var(--brand-rgb, 0, 229, 204), 0.15), 0 0 0 1px rgba(var(--brand-rgb, 0, 229, 204), 0.1);
    transform: translateY(-3px);
}
.value-pillar-icon {
    font-size: 2.2rem;
    flex-shrink: 0;
    filter: drop-shadow(0 0 8px rgba(var(--brand-rgb, 0, 229, 204), 0.2));
}
.value-pillar-body {
    flex: 1;
    min-width: 0;
}
.value-pillar-title {
    font-size: 1.12rem;
    font-weight: 700;
    margin: 0 0 0.45rem 0;
    color: var(--brand-primary);
}
.value-pillar-desc {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.82);
    line-height: 1.5;
    margin: 0;
}
/* Stats row — цифры */
.stats-row {
    margin: 2rem 0;
    padding: 1.75rem;
    background: rgba(var(--brand-rgb, 0, 229, 204), 0.06);
    border-radius: 18px;
    border: 1px solid rgba(var(--brand-rgb, 0, 229, 204), 0.15);
}
.stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
}
.stats-cell {
    text-align: center;
    padding: 1.25rem 1rem;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    transition: border-color 0.2s;
}
.stats-cell:hover {
    border-color: rgba(var(--brand-rgb, 0, 229, 204), 0.3);
}
.stats-cell-icon {
    font-size: 2rem;
}
.stats-cell-value {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--brand-primary);
}
.stats-cell-label {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.7);
}
@media (max-width: 768px) {
    .value-pillars-grid {
        grid-template-columns: 1fr;
    }
    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .value-pillars-heading {
        font-size: 1.35rem;
    }
}
@media (max-width: 480px) {
    .stats-grid {
        grid-template-columns: 1fr;
    }
}

/* === INLINE STYLE BLOCK 6 === */
/* Bonus Calculator Widget */
.bonus-calculator-widget {
    margin: 3rem 0;
    padding: 2.5rem;
    background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);
    border-radius: 24px;
    box-shadow: 0 15px 50px rgba(var(--brand-rgb, 0, 229, 204), 0.4);
}
/* ===== Variants (v1..v4) ===== */
.bonus-calculator-widget.variant-v2 {
    background: linear-gradient(135deg, rgba(var(--brand-rgb, 0, 229, 204), 0.12) 0%, rgba(0, 0, 0, 0.55) 100%);
    border: 1px solid rgba(var(--brand-rgb, 0, 229, 204), 0.22);
    box-shadow: 0 18px 55px rgba(0, 0, 0, 0.35);
}
.bonus-calculator-widget.variant-v2 .calculator-inputs { grid-template-columns: 1fr 1fr; }
.bonus-calculator-widget.variant-v2 .calculator-result { margin-top: 0.5rem; }
.bonus-calculator-widget.variant-v3 {
    padding: 1.75rem;
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.12);
}
.bonus-calculator-widget.variant-v3 .calculator-title { font-size: 1.5rem; }
.bonus-calculator-widget.variant-v3 .calculator-inputs { gap: 1rem; }
.bonus-calculator-widget.variant-v3 .calculator-button { width: 100%; }
.bonus-calculator-widget.variant-v4 {
    background: linear-gradient(180deg, rgba(0,0,0,0.55) 0%, rgba(var(--brand-rgb, 0, 229, 204), 0.08) 100%);
    border: 1px dashed rgba(var(--brand-rgb, 0, 229, 204), 0.28);
}
.bonus-calculator-widget.variant-v4 .calculator-result { background: rgba(255, 255, 255, 0.06); }
.calculator-header {
    text-align: center;
    margin-bottom: 2rem;
}
.calculator-title {
    font-size: 2rem;
    font-weight: 800;
    color: white;
    margin-bottom: 0.5rem;
}
.calculator-subtitle {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.9);
}
.calculator-inputs {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}
.calculator-input-group {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.calculator-label {
    font-weight: 600;
    color: white;
    font-size: 0.95rem;
}
.calculator-input {
    padding: 1rem;
    border: none;
    border-radius: 12px;
    font-size: 1.1rem;
    font-weight: 600;
    background: rgba(255, 255, 255, 0.95);
    color: #333;
    transition: all 0.3s ease;
}
.calculator-input:focus {
    outline: none;
    background: white;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3);
}
.calculator-result {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    padding: 1.5rem;
    border-radius: 16px;
    margin-bottom: 1.5rem;
}
.result-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 0;
}
.result-row:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.result-label {
    font-weight: 600;
    color: white;
    font-size: 1rem;
}
.result-value {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--brand-primary-light);
}
.result-total .result-value {
    font-size: 2rem;
    color: var(--brand-primary-light);
}
.calculator-button {
    width: 100%;
    padding: 1.25rem;
    background: linear-gradient(135deg, var(--brand-primary-light), var(--brand-primary));
    color: #0d2818;
    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(--brand-rgb, 0, 229, 204), 0.3);
}
.calculator-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(var(--brand-rgb, 0, 229, 204), 0.5);
}
/* Promo Timer Widget */
.promo-timer-widget {
    margin: 3rem 0;
    padding: 2.5rem;
    background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);
    border-radius: 24px;
    box-shadow: 0 15px 50px rgba(var(--brand-rgb, 0, 229, 204), 0.4);
    text-align: center;
}
/* ===== Variants (v1..v4) ===== */
.promo-timer-widget.variant-v2 {
    background: linear-gradient(135deg, rgba(var(--brand-rgb, 0, 229, 204), 0.12) 0%, rgba(0, 0, 0, 0.55) 100%);
    border: 1px solid rgba(var(--brand-rgb, 0, 229, 204), 0.22);
    text-align: left;
}
.promo-timer-widget.variant-v2 .timer-display {
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 1.25rem;
}
.promo-timer-widget.variant-v2 .timer-cta { text-align: center; }
.promo-timer-widget.variant-v3 {
    padding: 1.75rem;
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.12);
}
.promo-timer-widget.variant-v3 .timer-display {
    display: flex;
    gap: 0.75rem;
    overflow-x: auto;
    justify-content: flex-start;
    padding-bottom: 0.35rem;
}
.promo-timer-widget.variant-v3 .timer-item { min-width: 140px; }
.promo-timer-widget.variant-v4 {
    background: linear-gradient(180deg, rgba(0,0,0,0.55) 0%, rgba(var(--brand-rgb, 0, 229, 204), 0.08) 100%);
    border: 1px dashed rgba(var(--brand-rgb, 0, 229, 204), 0.28);
}
.promo-timer-widget.variant-v4 .timer-item {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.18);
}
.timer-header {
    margin-bottom: 2rem;
}
.timer-title {
    font-size: 2rem;
    font-weight: 800;
    color: white;
}
.timer-display {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    margin-bottom: 2rem;
}
.timer-item {
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    padding: 1.5rem;
    border-radius: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
}
.timer-value {
    font-size: 3rem;
    font-weight: 800;
    color: white;
    line-height: 1;
    margin-bottom: 0.5rem;
}
.timer-label {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 600;
}
.timer-button {
    display: inline-block;
    padding: 1.25rem 3rem;
    background: white;
    color: var(--brand-primary-dark);
    border-radius: 12px;
    font-size: 1.1rem;
    font-weight: 800;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 6px 20px rgba(255, 255, 255, 0.3);
}
.timer-button:hover {
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 10px 30px rgba(255, 255, 255, 0.5);
}
@media (max-width: 768px) {
    .calculator-inputs {
        grid-template-columns: 1fr;
    }
    
    .timer-display {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .calculator-title,
    .timer-title {
        font-size: 1.5rem;
    }
    
    .timer-value {
        font-size: 2rem;
    }
}

/* === INLINE STYLE BLOCK 7 === */
/* Bonus Programs Section */
.bonus-programs-section {
    margin: 3rem 0;
    padding: 2.5rem;
    background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);
    border-radius: 24px;
    box-shadow: 0 15px 50px rgba(var(--brand-rgb, 0, 229, 204), 0.4);
}

/* ===== Variants (v1..v4) ===== */
.bonus-programs-section.variant-v2 {
    background: linear-gradient(135deg, rgba(var(--brand-rgb, 0, 229, 204), 0.12) 0%, rgba(0, 0, 0, 0.55) 100%);
    border: 1px solid rgba(var(--brand-rgb, 0, 229, 204), 0.22);
    box-shadow: 0 18px 55px rgba(0, 0, 0, 0.35);
}
.bonus-programs-section.variant-v2 .bonus-programs-grid { grid-template-columns: 1fr; }
.bonus-programs-section.variant-v2 .bonus-card { display: grid; grid-template-columns: 72px 1fr; gap: 1rem; align-items: start; }
.bonus-programs-section.variant-v2 .bonus-card-icon { grid-row: span 3; }

.bonus-programs-section.variant-v3 {
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.12);
}
.bonus-programs-section.variant-v3 .bonus-programs-grid {
    display: flex;
    overflow-x: auto;
    gap: 1rem;
    padding-bottom: 0.5rem;
    scroll-snap-type: x mandatory;
}
.bonus-programs-section.variant-v3 .bonus-card { min-width: 320px; scroll-snap-align: start; }

.bonus-programs-section.variant-v4 {
    background: linear-gradient(180deg, rgba(0,0,0,0.55) 0%, rgba(var(--brand-rgb, 0, 229, 204), 0.08) 100%);
    border: 1px dashed rgba(var(--brand-rgb, 0, 229, 204), 0.28);
}
.bonus-programs-section.variant-v4 .bonus-card { background: rgba(255,255,255,0.10); border-color: rgba(255,255,255,0.20); }

.bonus-programs-title {
    font-size: 2rem;
    font-weight: 800;
    text-align: center;
    color: white;
    margin-bottom: 2.5rem;
}

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

.bonus-card {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    padding: 2rem;
    border-radius: 20px;
    border: 2px solid rgba(255, 255, 255, 0.2);
    text-align: center;
    transition: all 0.3s ease;
}

.bonus-card:hover {
    transform: translateY(-8px);
    border-color: rgba(255, 255, 255, 0.4);
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.3);
}

.bonus-card-icon {
    font-size: 4rem;
    margin-bottom: 1rem;
    animation: bonusIconBounce 2s ease-in-out infinite;
}

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

.bonus-card-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: white;
    margin-bottom: 1rem;
}

.bonus-card-amount {
    font-size: 2.5rem;
    font-weight: 800;
    color: var(--brand-primary-light);
    margin-bottom: 0.5rem;
}

.bonus-card-subtitle {
    font-size: 1.1rem;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 1.5rem;
}

.bonus-card-features {
    list-style: none;
    padding: 0;
    margin: 1.5rem 0;
    text-align: left;
}

.bonus-card-features li {
    padding: 0.5rem 0;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.95rem;
}

.bonus-card-button {
    display: block;
    padding: 1rem 2rem;
    background: white;
    color: var(--brand-primary-dark);
    border-radius: 12px;
    text-decoration: none;
    font-weight: 700;
    font-size: 1rem;
    margin-top: 1.5rem;
    transition: all 0.3s ease;
}

.bonus-card-button:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 20px rgba(255, 255, 255, 0.4);
}

@media (max-width: 768px) {
    .bonus-programs-grid {
        grid-template-columns: 1fr;
    }
    
    .bonus-programs-title {
        font-size: 1.5rem;
    }
    
    .bonus-card-amount {
        font-size: 2rem;
    }
}

/* === INLINE STYLE BLOCK 8 === */
.recent-payouts-block {
    margin: 1.75rem 0;
    padding: 1.35rem;
    background: rgba(22, 26, 28, 0.85);
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    overflow: hidden;
}
.jackpot-strip { margin-bottom: 1.25rem; }
.jackpot-strip-title {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--brand-primary);
    letter-spacing: 0.04em;
    margin-bottom: 0.9rem;
}
.jackpot-strip-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.9rem;
}
.jackpot-cell {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.9rem;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    transition: border-color 0.2s, background 0.2s;
}
.jackpot-cell:hover {
    background: rgba(var(--brand-rgb, 0, 229, 204), 0.06);
    border-color: rgba(var(--brand-rgb, 0, 229, 204), 0.18);
}
.jackpot-cell-pulse { animation: jpPulse 2.2s ease-in-out infinite; }
@keyframes jpPulse {
    0%, 100% { box-shadow: 0 0 4px rgba(var(--brand-rgb, 0, 229, 204), 0.08); }
    50% { box-shadow: 0 0 12px rgba(var(--brand-rgb, 0, 229, 204), 0.2); }
}
.jackpot-cell-icon { font-size: 1.6rem; }
.jackpot-cell-info { display: flex; flex-direction: column; gap: 0.2rem; }
.jackpot-cell-name {
    font-size: 0.65rem;
    color: rgba(255,255,255,0.55);
    text-transform: uppercase;
}
.jackpot-cell-amount {
    font-size: 1rem;
    font-weight: 800;
    color: var(--jp-color, var(--brand-primary));
}
.payout-feed {
    background: rgba(0,0,0,0.25);
    border-radius: 10px;
    overflow: hidden;
}
.payout-feed-header {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.65rem 0.9rem;
    background: rgba(var(--brand-rgb, 0, 229, 204), 0.06);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.payout-feed-dot {
    width: 6px;
    height: 6px;
    background: var(--brand-primary);
    border-radius: 50%;
    animation: feedDot 1.4s ease-in-out infinite;
}
@keyframes feedDot {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}
.payout-feed-title {
    font-size: 0.7rem;
    font-weight: 700;
    color: rgba(255,255,255,0.75);
    letter-spacing: 0.05em;
}
.payout-track {
    overflow: hidden;
    padding: 0.65rem 0;
}
.payout-scroll {
    display: flex;
    gap: 1.5rem;
    animation: payoutScroll 28s linear infinite;
    width: max-content;
}
.payout-scroll:hover { animation-play-state: paused; }
@keyframes payoutScroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.payout-row {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.45rem 0.85rem;
    background: rgba(255,255,255,0.03);
    border-radius: 6px;
    white-space: nowrap;
    font-size: 0.82rem;
}
.payout-row-jackpot {
    background: rgba(var(--brand-rgb, 0, 229, 204), 0.07);
    border: 1px solid rgba(var(--brand-rgb, 0, 229, 204), 0.18);
}
.payout-row-mega { background: rgba(var(--brand-rgb, 0, 229, 204), 0.05); }
.payout-row-big { background: rgba(var(--brand-rgb, 0, 229, 204), 0.03); }
.payout-row-icon { font-size: 0.95rem; }
.payout-row-name { font-weight: 600; color: #f0f0f0; }
.payout-row-sep { color: rgba(255,255,255,0.25); }
.payout-row-amount { font-weight: 700; color: #2ed158; }
.payout-row-slot { color: var(--brand-primary); font-weight: 500; }
.payout-row-time { color: rgba(255,255,255,0.35); font-size: 0.7rem; margin-left: 0.4rem; }
.payout-cta { margin-top: 0.9rem; text-align: center; }
.payout-btn {
    display: inline-flex;
    align-items: center;
    padding: 0.6rem 1.4rem;
    background: var(--brand-primary);
    color: #0a0a0a;
    font-weight: 600;
    font-size: 0.82rem;
    border-radius: 10px;
    text-decoration: none;
    transition: background 0.2s;
}
.payout-btn:hover { background: var(--brand-primary-light, #00f5dc); }
@media (max-width: 768px) {
    .recent-payouts-block { padding: 1rem; margin: 1.25rem 0; border-radius: 12px; }
    .jackpot-strip-grid { grid-template-columns: 1fr; gap: 0.65rem; }
    .jackpot-cell { padding: 0.75rem; }
    .payout-feed-header { padding: 0.5rem 0.75rem; }
    .payout-row { font-size: 0.78rem; padding: 0.4rem 0.7rem; }
    .payout-scroll { animation-duration: 22s; }
    .payout-row-time { display: none; }
    .payout-btn { padding: 0.55rem 1.2rem; font-size: 0.8rem; }
}
@media (max-width: 480px) {
    .recent-payouts-block { padding: 0.75rem; margin: 1rem 0; }
    .jackpot-strip-title { font-size: 0.75rem; margin-bottom: 0.65rem; }
    .jackpot-cell-amount { font-size: 0.9rem; }
    .payout-row { font-size: 0.72rem; padding: 0.35rem 0.6rem; }
    .payout-row-slot { display: none; }
    .payout-btn { width: 100%; justify-content: center; min-height: 44px; }
}
/* ===== Variants (v1..v4) ===== */
.recent-payouts-block.variant-v2 .jackpot-strip-grid { grid-template-columns: repeat(2, 1fr); }
.recent-payouts-block.variant-v2 .payout-feed { margin-top: 1rem; }
.recent-payouts-block.variant-v2 .payout-row { padding: 0.6rem 0.75rem; }
.recent-payouts-block.variant-v3 .jackpot-strip-grid {
    display: flex;
    overflow-x: auto;
    gap: 0.75rem;
    padding-bottom: 0.4rem;
    scroll-snap-type: x mandatory;
}
.recent-payouts-block.variant-v3 .jackpot-cell { min-width: 220px; scroll-snap-align: start; }
.recent-payouts-block.variant-v3 .payout-track { overflow: hidden; }
.recent-payouts-block.variant-v4 { background: rgba(0,0,0,0.32); border-style: dashed; }
.recent-payouts-block.variant-v4 .jackpot-strip { display: none; }
.recent-payouts-block.variant-v4 .payout-row-slot { display: none; }

/* === INLINE STYLE BLOCK 9 === */
.win-notifications-root {
    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;
}
.win-notification-toast {
    position: relative;
    pointer-events: auto;
    cursor: pointer;
    background: linear-gradient(135deg, rgba(var(--brand-rgb, 0, 229, 204), 0.2) 0%, rgba(0, 0, 0, 0.9) 100%);
    color: #fff;
    padding: 16px 20px;
    border-radius: 16px;
    border: 1px solid rgba(var(--brand-rgb, 0, 229, 204), 0.25);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5), 0 0 20px rgba(var(--brand-rgb, 0, 229, 204), 0.2);
    backdrop-filter: blur(16px);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    animation: winToastIn 0.45s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}
.win-notification-toast::before {
    content: "LIVE";
    position: absolute;
    top: 8px;
    right: 12px;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1px;
    color: var(--brand-primary);
    opacity: 0.8;
}
.win-notification-toast:hover {
    transform: scale(1.02) translateX(5px);
    box-shadow: 0 12px 45px rgba(0, 0, 0, 0.55), 0 0 25px rgba(var(--brand-rgb, 0, 229, 204), 0.35);
}
.win-notification-toast.win-toast-out {
    animation: winToastOut 0.35s ease-in forwards;
}
@keyframes winToastIn {
    from { transform: translateX(-380px); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}
@keyframes winToastOut {
    from { transform: translateX(0); opacity: 1; }
    to { transform: translateX(-380px); opacity: 0; }
}
.win-toast-inner {
    display: flex;
    align-items: center;
    gap: 14px;
}
.win-toast-emoji { font-size: 32px; flex-shrink: 0; animation: winToastEmoji 1.5s ease-in-out infinite; }
@keyframes winToastEmoji { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.1); } }
.win-toast-body { flex: 1; min-width: 0; }
.win-toast-player { font-weight: 700; font-size: 14px; margin-bottom: 4px; color: rgba(255,255,255,0.98); }
.win-toast-amount { font-size: 19px; font-weight: 900; color: var(--brand-primary); text-shadow: 0 0 15px rgba(var(--brand-rgb, 0, 229, 204), 0.6); margin-bottom: 3px; letter-spacing: 0.5px; }
.win-toast-game { font-size: 12px; opacity: 0.9; color: rgba(255,255,255,0.75); }
.win-toast-close {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    border: none;
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    transition: background 0.2s;
}
.win-toast-close:hover {
    background: rgba(255, 255, 255, 0.3);
}
@media (max-width: 768px) {
    .win-notifications-root { bottom: 10px; left: 10px; right: 10px; max-width: none; align-items: stretch; }
    .win-notification-toast { padding: 12px 14px; }
}

/* === INLINE STYLE BLOCK 10 === */
:root {
            --surface-deep: #151b2e;
            --surface-raised: #090f1e;
            --brand-primary: #089e4e;
            --brand-primary-dark: #00b8a3;
            --brand-primary-light: #5cfff0;
            --brand-rgb: 8, 158, 78;
            --content-main: #ffffff;
            --grad-surface: linear-gradient(180deg, #151b2e 0%, #090f1e 100%);
            --grad-brand: linear-gradient(135deg, #089e4e 0%, #00b8a3 100%);
            --glow-brand: 0 0 20px rgba(8, 158, 78, 0.4);
            --glass-bg: rgba(255, 255, 255, 0.03);
            --glass-edge: rgba(255, 255, 255, 0.06);
            --gold: #089e4e;
            --gold-dark: #00b8a3;
            --gold-light: #5cfff0;
        }
        
        .yandex-index-only {
            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;
            white-space: nowrap !important;
            border: 0 !important;
        }
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif;
            background: #151b2e;
            color: #f5f5f7;
            line-height: 1.6;
            overflow-x: hidden;
            min-height: 100vh;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
        
        .header {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 9999;
            background: rgba(0, 0, 0, 0.85);
            backdrop-filter: saturate(180%) blur(20px);
            -webkit-backdrop-filter: saturate(180%) blur(20px);
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
            transition: background 0.35s ease, border-color 0.35s ease, padding 0.35s ease;
        }
        
        .header::before,
        .header::after {
            display: none !important;
        }
        
        .header.scrolled {
            background: rgba(0, 0, 0, 0.45);
            border-bottom-color: rgba(255, 255, 255, 0.04);
        }
        
        .header-inner {
            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;
        }
        
        .header.scrolled .header-inner {
            padding: 4px 24px;
            justify-content: center;
        }
        
        .logo-link {
            flex-shrink: 0;
            transition: opacity 0.35s ease, max-width 0.35s ease, margin 0.35s ease;
            overflow: hidden;
            max-width: 200px;
        }
        
        .header.scrolled .logo-link {
            opacity: 0;
            max-width: 0;
            margin: 0;
            pointer-events: none;
        }
        
        .logo {
            height: 32px;
            width: auto;
        }
        
        .main-nav {
            flex: 1;
            display: flex;
            justify-content: center;
            overflow: visible;
            min-width: 0;
        }
        
        .nav-list {
            display: flex;
            align-items: center;
            gap: 2px;
            list-style: none;
            margin: 0;
            padding: 0;
            flex-wrap: wrap;
            justify-content: center;
        }
        
        .nav-list li {
            flex-shrink: 0;
        }
        
        .nav-link {
            display: flex;
            align-items: center;
            gap: 4px;
            padding: 6px 10px;
            color: #f5f5f7;
            font-size: 11px;
            font-weight: 400;
            text-decoration: none;
            white-space: nowrap;
            transition: color 0.2s ease, opacity 0.2s ease;
            opacity: 0.8;
            border-radius: 6px;
        }
        
        .nav-link:hover {
            opacity: 1;
            color: #00e5cc;
            background: rgba(0, 229, 204, 0.08);
        }
        
        .nav-link.active {
            opacity: 1;
            color: #00e5cc;
        }
        
        .nav-icon {
            font-size: 12px;
        }
        
        .header.scrolled .nav-list {
            flex-wrap: nowrap;
        }
        
        .header.scrolled .nav-link {
            padding: 5px 8px;
            font-size: 11px;
        }
        
        @media (max-width: 1200px) {
            .nav-link { padding: 5px 7px; font-size: 10px; }
            .nav-icon { font-size: 11px; }
        }
        
        @media (max-width: 1024px) {
            .main-nav { display: none; }
            .header-actions { display: none !important; }
            .mobile-menu-btn { display: flex !important; }
        }
        
        /* ===== Header Menu Variants ===== */
        /* v1 - стандартный (по умолчанию) */
        .header.variant-v1 .main-nav .nav-list {
            gap: 2px;
        }
        .header.variant-v1 .nav-link {
            padding: 6px 10px;
            font-size: 11px;
        }
        
        /* v2 - компактный */
        .header.variant-v2 .main-nav .nav-list {
            gap: 1px;
        }
        .header.variant-v2 .nav-link {
            padding: 5px 8px;
            font-size: 10px;
        }
        .header.variant-v2 .nav-icon {
            font-size: 11px;
        }
        
        /* v3 - расширенный */
        .header.variant-v3 .main-nav .nav-list {
            gap: 4px;
        }
        .header.variant-v3 .nav-link {
            padding: 8px 12px;
            font-size: 12px;
        }
        .header.variant-v3 .nav-icon {
            font-size: 13px;
        }
        
        /* v4 - минималистичный */
        .header.variant-v4 .main-nav .nav-list {
            gap: 0;
        }
        .header.variant-v4 .nav-link {
            padding: 6px 8px;
            font-size: 10px;
            border-radius: 4px;
        }
        .header.variant-v4 .nav-link:hover {
            background: rgba(0, 229, 204, 0.12);
        }
        
        .header-actions {
            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;
        }
        
        .header.scrolled .header-actions {
            opacity: 0;
            max-width: 0;
            margin: 0;
            pointer-events: none;
        }
        
        .header-actions .btn {
            padding: 6px 14px;
            font-size: 12px;
            border-radius: 18px;
        }
        
        .header-actions .btn-outline {
            background: transparent;
            border: 1px solid rgba(255, 255, 255, 0.3);
            color: #f5f5f7;
        }
        
        .header-actions .btn-cta {
            background: #00e5cc;
            color: #0a0f14;
            border: none;
            font-weight: 600;
        }
        
        .preloader {
            position: fixed;
            inset: 0;
            background: var(--surface-raised);
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 10000;
            transition: opacity 0.5s ease, visibility 0.5s ease;
        }
        
        .preloader.loaded {
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
        }
        
        .preloader-spinner {
            width: 60px;
            height: 60px;
            border: 3px solid var(--glass-edge);
            border-top-color: var(--brand-primary);
            border-radius: 50%;
            animation: spin 0.8s linear infinite;
        }
        
        @keyframes spin {
            to { transform: rotate(360deg); }
        }
        
        .content-hidden {
            opacity: 0;
        }
        
        .site-structure-block {
            margin: 2rem 0;
            padding: 1.5rem;
            background: rgba(255, 255, 255, 0.025);
            border-radius: 12px;
            border: 1px solid rgba(255, 255, 255, 0.06);
        }
        /* ===== Variants: Site Structure (v1..v4) ===== */
        .site-structure-block.variant-v2 .site-structure-nav {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 1rem;
        }
        .site-structure-block.variant-v2 .site-structure-group {
            background: rgba(0,0,0,0.18);
            border: 1px solid rgba(255,255,255,0.06);
            border-radius: 12px;
            padding: 0.9rem;
        }
        .site-structure-block.variant-v3 .site-structure-priority {
            background: transparent;
            border: 1px dashed rgba(255,255,255,0.16);
        }
        .site-structure-block.variant-v3 .site-structure-nav {
            display: flex;
            gap: 0.9rem;
            overflow-x: auto;
            padding-bottom: 0.4rem;
        }
        .site-structure-block.variant-v3 .site-structure-group { min-width: 260px; }
        .site-structure-block.variant-v4 { background: rgba(0,0,0,0.22); border-style: dashed; }
        .site-structure-block.variant-v4 .site-structure-group-desc { display: none; }
        .site-structure-block.variant-v4 .site-structure-priority { padding: 0.6rem 0.8rem; }
        .site-structure-header { margin-bottom: 1rem; }
        .site-structure-heading { font-size: 1.35rem; margin-bottom: 0.25rem; color: var(--brand-primary); }
        .site-structure-desc { color: rgba(255, 255, 255, 0.55); margin-bottom: 0; font-size: 0.9rem; }
        .site-structure-priority {
            display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem;
            margin-bottom: 1.25rem; padding: 0.75rem 1rem; background: rgba(0,0,0,0.2);
            border-radius: 8px;
        }
        .site-structure-priority-label { font-size: 0.85rem; color: rgba(255,255,255,0.5); margin-right: 0.25rem; }
        .site-structure-priority-nav { display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem; }
        .site-structure-priority-link { color: rgba(255,255,255,0.9); text-decoration: none; font-size: 0.95rem; font-weight: 500; }
        .site-structure-priority-link:hover { color: var(--brand-primary); }
        .site-structure-priority-sep { color: rgba(255,255,255,0.35); user-select: none; }
        .site-structure-nav { display: flex; flex-wrap: wrap; gap: 1.5rem; }
        .site-structure-group { flex: 1 1 200px; }
        .site-structure-group-title { font-size: 0.95rem; color: rgba(255,255,255,0.8); margin-bottom: 0.25rem; font-weight: 600; }
        .site-structure-group-desc { font-size: 0.8rem; color: rgba(255,255,255,0.45); margin-bottom: 0.5rem; }
        .site-structure-list { list-style: none; padding: 0; margin: 0; }
        .hero-live-online { margin-top: 1rem; font-size: 0.9rem; color: rgba(255,255,255,0.7); display: flex; align-items: center; gap: 0.5rem; }
        .hero-live-online .live-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--brand-primary); box-shadow: 0 0 8px var(--brand-primary); animation: live-pulse 1.5s ease-in-out infinite; }
        @keyframes live-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
        .site-structure-list li { margin-bottom: 0.35rem; }
        .site-structure-link { color: rgba(255,255,255,0.85); text-decoration: none; }
        .site-structure-link:hover { color: var(--brand-primary); text-decoration: underline; }
        .site-structure-link--current { color: var(--brand-primary); font-weight: 600; }
        .on-this-page-nav {
            display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 1rem;
            margin: 0.75rem 0 1rem; padding: 0.6rem 1rem; background: rgba(255,255,255,0.04);
            border-radius: 8px; font-size: 0.9rem;
        }
        .on-this-page-label { color: rgba(255,255,255,0.55); }
        .on-this-page-list { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 0.5rem 1rem; }
        .on-this-page-link { color: var(--brand-primary); text-decoration: none; }
        .on-this-page-link:hover { text-decoration: underline; }
        .review-quotes-block { margin: 2rem 0; }
        .page-thematic-block { margin: 2rem 0; }
        /* ===== Variants: Review Quotes / Thematic ===== */
        .review-quotes-block.variant-v2 .review-quotes-list,
        .page-thematic-block.variant-v2 .review-quotes-list {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1rem;
        }
        .review-quotes-block.variant-v3,
        .page-thematic-block.variant-v3 {
            padding: 1.25rem;
        }
        .review-quotes-block.variant-v3 .faq-item,
        .page-thematic-block.variant-v3 .faq-item {
            border-style: dashed;
            background: rgba(0,0,0,0.18);
        }
        .review-quotes-block.variant-v4 .faq-answer,
        .page-thematic-block.variant-v4 .faq-answer {
            display: block;
            padding-top: 0.25rem;
        }
        .review-quotes-block.variant-v4 .faq-question::after,
        .page-thematic-block.variant-v4 .faq-question::after {
            display: none;
        }
        body.layout-structure-asymmetric .page-thematic-block .review-quotes-list {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1rem;
        }
        @media (max-width: 768px) {
            body.layout-structure-asymmetric .page-thematic-block .review-quotes-list {
                grid-template-columns: 1fr;
            }
        }
        .review-quotes-heading { font-size: 1.25rem; margin-bottom: 0.35rem; color: rgba(255,255,255,0.95); }
        .review-quotes-desc { font-size: 0.9rem; color: rgba(255,255,255,0.6); margin-bottom: 1rem; }
        .review-quote-item .review-quote-summary { font-weight: 600; }
        .review-quote-text { margin: 0; font-style: italic; color: rgba(255,255,255,0.85); }
        .related-sections, .topic-nav {
            margin: 2rem 0;
            padding: 1.5rem;
            background: rgba(255, 255, 255, 0.025);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 14px;
        }
        
        .related-sections-heading, .topic-nav-heading {
            font-size: 1.35rem;
            margin-bottom: 0.5rem;
            color: var(--brand-primary);
            font-weight: 600;
        }
        
        .related-sections-desc, .topic-nav-desc {
            color: rgba(255, 255, 255, 0.55);
            margin-bottom: 1rem;
            font-size: 0.9rem;
        }
        
        .related-cards {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 0.9rem;
        }
        /* ===== Variants: Related ===== */
        .related-sections.variant-v2 .related-cards { grid-template-columns: 1fr 1fr; gap: 1rem; }
        .related-sections.variant-v2 .related-card { padding: 1.25rem; border-radius: 14px; }
        .related-sections.variant-v3 .related-cards {
            display: flex;
            gap: 0.85rem;
            overflow-x: auto;
            padding-bottom: 0.4rem;
        }
        .related-sections.variant-v3 .related-card { min-width: 260px; }
        .related-sections.variant-v4 .related-cards { grid-template-columns: 1fr; gap: 0.65rem; }
        .related-sections.variant-v4 .related-card { background: transparent; border-style: dashed; }
        body.layout-structure-asymmetric .related-cards {
            grid-template-columns: 1fr 1fr;
            gap: 1rem;
        }
        body.layout-structure-asymmetric .related-card {
            display: flex;
            flex-direction: column;
        }
        body.layout-structure-vertical .related-cards {
            grid-template-columns: 1fr;
            gap: 0.75rem;
        }
        
        .related-card {
            padding: 1.1rem;
            background: rgba(0, 0, 0, 0.2);
            border-radius: 10px;
            border: 1px solid rgba(255, 255, 255, 0.06);
            transition: border-color 0.2s, background 0.2s;
        }
        
        .related-card:hover {
            background: rgba(0, 229, 204, 0.06);
            border-color: rgba(0, 229, 204, 0.2);
        }
        
        .related-card-link {
            text-decoration: none;
            color: inherit;
            display: block;
        }
        
        .related-card-title {
            font-size: 1rem;
            font-weight: 600;
            margin: 0 0 0.35rem 0;
            color: #f0f0f0;
        }
        
        .related-card-desc {
            font-size: 0.85rem;
            color: rgba(255, 255, 255, 0.55);
            line-height: 1.35;
            margin: 0;
        }
        
        .topic-links {
            list-style: none;
            padding: 0;
            margin: 1rem 0 0 0;
            display: flex;
            flex-wrap: wrap;
            gap: 0.6rem;
        }
        
        .topic-link-item {
            margin: 0;
        }
        
        .topic-link-item .topic-link {
            display: inline-block;
            padding: 0.6rem 1rem;
            background: rgba(255, 255, 255, 0.04);
            border-radius: 8px;
            border: 1px solid rgba(255, 255, 255, 0.08);
            text-decoration: none;
            color: #e8e8e8;
            font-size: 0.88rem;
            font-weight: 500;
            transition: background 0.2s, border-color 0.2s, color 0.2s;
        }
        
        .topic-link-item .topic-link:hover {
            background: rgba(0, 229, 204, 0.1);
            border-color: rgba(0, 229, 204, 0.25);
            color: var(--brand-primary);
        }
        
        @media (max-width: 768px) {
            .site-structure-block { margin: 1.25rem 0; padding: 1.25rem; }
            .site-structure-priority { flex-direction: column; align-items: flex-start; }
            .site-structure-nav { flex-direction: column; }
            .on-this-page-nav { flex-direction: column; align-items: flex-start; }
            .related-sections, .topic-nav {
                margin: 1.25rem 0;
                padding: 1.25rem;
            }
            .related-sections-heading, .topic-nav-heading {
                font-size: 1.15rem;
            }
            .related-cards {
                grid-template-columns: 1fr;
            }
            body.layout-structure-asymmetric .related-cards {
                grid-template-columns: 1fr;
            }
        }

/* === INLINE STYLE BLOCK 11 === */
._u0{opacity:1;}
        ._u1{visibility:inherit;}
        ._u2{transform:inherit;}
        ._u3{transition:inherit;}
        ._u4{animation:inherit;}
        ._u5{filter:inherit;}
        ._u6{backdrop-filter:inherit;}
        ._u7{box-shadow:inherit;}
        ._u8{outline:inherit;}
        ._u9{border-radius:0;}
        ._u10{border-width:inherit;}
        ._u11{margin-top:0;}
        ._u12{margin-bottom:0;}
        ._u13{margin-left:0;}
        ._u14{margin-right:0;}
        ._u15{padding-top:0;}
        ._u16{padding-bottom:0;}
        ._u17{padding-left:0;}
        ._u18{padding-right:0;}
        ._u19{min-width:inherit;}
        ._u20{max-width:inherit;}
        ._u21{min-height:inherit;}
        ._u22{max-height:inherit;}
        ._u23{flex-grow:inherit;}
        ._u24{flex-shrink:inherit;}
        ._u25{flex-basis:inherit;}
        ._u26{grid-column:inherit;}
        ._u27{grid-row:inherit;}
        ._u28{gap:inherit;}
        ._u29{column-gap:inherit;}
        ._u30{row-gap:inherit;}
        ._u31{align-self:inherit;}
        ._u32{justify-self:inherit;}
        ._u33{order:inherit;}
        ._u34{z-index:0;}
        ._u35{overflow-x:inherit;}
        ._u36{overflow-y:inherit;}
        ._u37{object-fit:inherit;}
        ._u38{font-size:inherit;}
        ._u39{font-weight:inherit;}
        ._u40{line-height:inherit;}
        ._u41{letter-spacing:inherit;}
        ._u42{text-align:inherit;}
        ._u43{vertical-align:inherit;}
        ._u44{white-space:inherit;}
        ._u45{word-break:inherit;}
        ._u46{cursor:inherit;}
        ._u47{pointer-events:inherit;}
        ._u48{opacity:1;}
        ._u49{visibility:inherit;}
        ._u50{transform:inherit;}
        ._u51{transition:inherit;}
        ._u52{animation:inherit;}
        ._u53{filter:inherit;}
        ._u54{backdrop-filter:inherit;}
        ._u55{box-shadow:inherit;}
        ._u56{outline:inherit;}
        ._u57{border-radius:0;}
        ._u58{border-width:inherit;}
        ._u59{margin-top:0;}
        ._u60{margin-bottom:0;}
        ._u61{margin-left:0;}
        ._u62{margin-right:0;}
        ._u63{padding-top:0;}
        ._u64{padding-bottom:0;}
        ._u65{padding-left:0;}
        ._u66{padding-right:0;}
        ._u67{min-width:inherit;}
        ._u68{max-width:inherit;}
        ._u69{min-height:inherit;}
        ._u70{max-height:inherit;}
        ._u71{flex-grow:inherit;}
        ._u72{flex-shrink:inherit;}
        ._u73{flex-basis:inherit;}
        ._u74{grid-column:inherit;}
        ._u75{grid-row:inherit;}
        ._u76{gap:inherit;}
        ._u77{column-gap:inherit;}
        ._u78{row-gap:inherit;}
        ._u79{align-self:inherit;}
        ._u80{justify-self:inherit;}
        ._u81{order:inherit;}
        ._u82{z-index:0;}
        ._u83{overflow-x:inherit;}
        ._u84{overflow-y:inherit;}
        ._u85{object-fit:inherit;}
        ._u86{font-size:inherit;}
        ._u87{font-weight:inherit;}
        ._u88{line-height:inherit;}
        ._u89{letter-spacing:inherit;}
        ._u90{text-align:inherit;}
        ._u91{vertical-align:inherit;}
        ._u92{white-space:inherit;}
        ._u93{word-break:inherit;}
        ._u94{cursor:inherit;}
        ._u95{pointer-events:inherit;}
        ._u96{opacity:1;}
        ._u97{visibility:inherit;}
        ._u98{transform:inherit;}
        ._u99{transition:inherit;}
        ._u100{animation:inherit;}
        ._u101{filter:inherit;}
        ._u102{backdrop-filter:inherit;}
        ._u103{box-shadow:inherit;}
        ._u104{outline:inherit;}
        ._u105{border-radius:0;}
        ._u106{border-width:inherit;}
        ._u107{margin-top:0;}
        ._u108{margin-bottom:0;}
        ._u109{margin-left:0;}
        ._u110{margin-right:0;}
        ._u111{padding-top:0;}
        ._u112{padding-bottom:0;}
        ._u113{padding-left:0;}
        ._u114{padding-right:0;}
        ._u115{min-width:inherit;}
        ._u116{max-width:inherit;}
        ._u117{min-height:inherit;}
        ._u118{max-height:inherit;}
        ._u119{flex-grow:inherit;}
        ._u120{flex-shrink:inherit;}
        ._u121{flex-basis:inherit;}
        ._u122{grid-column:inherit;}
        ._u123{grid-row:inherit;}
        ._u124{gap:inherit;}
        ._u125{column-gap:inherit;}
        ._u126{row-gap:inherit;}
        ._u127{align-self:inherit;}
        ._u128{justify-self:inherit;}
        ._u129{order:inherit;}
        ._u130{z-index:0;}
        ._u131{overflow-x:inherit;}
        ._u132{overflow-y:inherit;}
        ._u133{object-fit:inherit;}
        ._u134{font-size:inherit;}
        ._u135{font-weight:inherit;}
        ._u136{line-height:inherit;}
        ._u137{letter-spacing:inherit;}
        ._u138{text-align:inherit;}
        ._u139{vertical-align:inherit;}
        ._u140{white-space:inherit;}
        ._u141{word-break:inherit;}
        ._u142{cursor:inherit;}
        ._u143{pointer-events:inherit;}
        ._u144{opacity:1;}
        ._u145{visibility:inherit;}
        ._u146{transform:inherit;}
        ._u147{transition:inherit;}
        ._u148{animation:inherit;}
        ._u149{filter:inherit;}
        ._u150{backdrop-filter:inherit;}
        ._u151{box-shadow:inherit;}
        ._u152{outline:inherit;}
        ._u153{border-radius:0;}
        ._u154{border-width:inherit;}
        ._u155{margin-top:0;}
        ._u156{margin-bottom:0;}
        ._u157{margin-left:0;}
        ._u158{margin-right:0;}
        ._u159{padding-top:0;}
        ._u160{padding-bottom:0;}
        ._u161{padding-left:0;}
        ._u162{padding-right:0;}
        ._u163{min-width:inherit;}
        ._u164{max-width:inherit;}
        ._u165{min-height:inherit;}
        ._u166{max-height:inherit;}
        ._u167{flex-grow:inherit;}
        ._u168{flex-shrink:inherit;}
        ._u169{flex-basis:inherit;}
        ._u170{grid-column:inherit;}
        ._u171{grid-row:inherit;}
        ._u172{gap:inherit;}
        ._u173{column-gap:inherit;}
        ._u174{row-gap:inherit;}
        ._u175{align-self:inherit;}
        ._u176{justify-self:inherit;}
        ._u177{order:inherit;}
        ._u178{z-index:0;}
        ._u179{overflow-x:inherit;}
        ._u180{overflow-y:inherit;}
        ._u181{object-fit:inherit;}
        ._u182{font-size:inherit;}
        ._u183{font-weight:inherit;}
        ._u184{line-height:inherit;}
        ._u185{letter-spacing:inherit;}
        ._u186{text-align:inherit;}
        ._u187{vertical-align:inherit;}
        ._u188{white-space:inherit;}
        ._u189{word-break:inherit;}
        ._u190{cursor:inherit;}
        ._u191{pointer-events:inherit;}
        ._u192{opacity:1;}
        ._u193{visibility:inherit;}
        ._u194{transform:inherit;}
        ._u195{transition:inherit;}
        ._u196{animation:inherit;}
        ._u197{filter:inherit;}
        ._u198{backdrop-filter:inherit;}
        ._u199{box-shadow:inherit;}
        ._u200{outline:inherit;}
        ._u201{border-radius:0;}
        ._u202{border-width:inherit;}
        ._u203{margin-top:0;}
        ._u204{margin-bottom:0;}
        ._u205{margin-left:0;}
        ._u206{margin-right:0;}
        ._u207{padding-top:0;}
        ._u208{padding-bottom:0;}
        ._u209{padding-left:0;}
        ._u210{padding-right:0;}
        ._u211{min-width:inherit;}
        ._u212{max-width:inherit;}
        ._u213{min-height:inherit;}
        ._u214{max-height:inherit;}
        ._u215{flex-grow:inherit;}
        ._u216{flex-shrink:inherit;}
        ._u217{flex-basis:inherit;}
        ._u218{grid-column:inherit;}
        ._u219{grid-row:inherit;}
        ._u220{gap:inherit;}
        ._u221{column-gap:inherit;}
        ._u222{row-gap:inherit;}
        ._u223{align-self:inherit;}
        ._u224{justify-self:inherit;}
        ._u225{order:inherit;}
        ._u226{z-index:0;}
        ._u227{overflow-x:inherit;}
        ._u228{overflow-y:inherit;}
        ._u229{object-fit:inherit;}
        ._u230{font-size:inherit;}
        ._u231{font-weight:inherit;}
        ._u232{line-height:inherit;}
        ._u233{letter-spacing:inherit;}
        ._u234{text-align:inherit;}
        ._u235{vertical-align:inherit;}
        ._u236{white-space:inherit;}
        ._u237{word-break:inherit;}
        ._u238{cursor:inherit;}
        ._u239{pointer-events:inherit;}
        ._u240{opacity:1;}
        ._u241{visibility:inherit;}
        ._u242{transform:inherit;}
        ._u243{transition:inherit;}
        ._u244{animation:inherit;}
        ._u245{filter:inherit;}
        ._u246{backdrop-filter:inherit;}
        ._u247{box-shadow:inherit;}
        ._u248{outline:inherit;}
        ._u249{border-radius:0;}
        ._u250{border-width:inherit;}
        ._u251{margin-top:0;}
        ._u252{margin-bottom:0;}
        ._u253{margin-left:0;}
        ._u254{margin-right:0;}
        ._u255{padding-top:0;}
        ._u256{padding-bottom:0;}
        ._u257{padding-left:0;}
        ._u258{padding-right:0;}
        ._u259{min-width:inherit;}
        ._u260{max-width:inherit;}
        ._u261{min-height:inherit;}
        ._u262{max-height:inherit;}
        ._u263{flex-grow:inherit;}
        ._u264{flex-shrink:inherit;}
        ._u265{flex-basis:inherit;}
        ._u266{grid-column:inherit;}
        ._u267{grid-row:inherit;}
        ._u268{gap:inherit;}
        ._u269{column-gap:inherit;}
        ._u270{row-gap:inherit;}
        ._u271{align-self:inherit;}
        ._u272{justify-self:inherit;}
        ._u273{order:inherit;}
        ._u274{z-index:0;}
        ._u275{overflow-x:inherit;}
        ._u276{overflow-y:inherit;}
        ._u277{object-fit:inherit;}
        ._u278{font-size:inherit;}
        ._u279{font-weight:inherit;}
        ._u280{line-height:inherit;}
        ._u281{letter-spacing:inherit;}
        ._u282{text-align:inherit;}
        ._u283{vertical-align:inherit;}
        ._u284{white-space:inherit;}
        ._u285{word-break:inherit;}
        ._u286{cursor:inherit;}
        ._u287{pointer-events:inherit;}
        ._u288{opacity:1;}
        ._u289{visibility:inherit;}
        ._u290{transform:inherit;}
        ._u291{transition:inherit;}
        ._u292{animation:inherit;}
        ._u293{filter:inherit;}
        ._u294{backdrop-filter:inherit;}
        ._u295{box-shadow:inherit;}
        ._u296{outline:inherit;}
        ._u297{border-radius:0;}
        ._u298{border-width:inherit;}
        ._u299{margin-top:0;}
        ._u300{margin-bottom:0;}
        ._u301{margin-left:0;}
        ._u302{margin-right:0;}
        ._u303{padding-top:0;}
        ._u304{padding-bottom:0;}
        ._u305{padding-left:0;}
        ._u306{padding-right:0;}
        ._u307{min-width:inherit;}
        ._u308{max-width:inherit;}
        ._u309{min-height:inherit;}
        ._u310{max-height:inherit;}
        ._u311{flex-grow:inherit;}
        ._u312{flex-shrink:inherit;}
        ._u313{flex-basis:inherit;}
        ._u314{grid-column:inherit;}
        ._u315{grid-row:inherit;}
        ._u316{gap:inherit;}
        ._u317{column-gap:inherit;}
        ._u318{row-gap:inherit;}
        ._u319{align-self:inherit;}
        ._u320{justify-self:inherit;}
        ._u321{order:inherit;}
        ._u322{z-index:0;}
        ._u323{overflow-x:inherit;}
        ._u324{overflow-y:inherit;}
        ._u325{object-fit:inherit;}
        ._u326{font-size:inherit;}
        ._u327{font-weight:inherit;}
        ._u328{line-height:inherit;}
        ._u329{letter-spacing:inherit;}
        ._u330{text-align:inherit;}
        ._u331{vertical-align:inherit;}
        ._u332{white-space:inherit;}
        ._u333{word-break:inherit;}
        ._u334{cursor:inherit;}
        ._u335{pointer-events:inherit;}
        ._u336{opacity:1;}
        ._u337{visibility:inherit;}
        ._u338{transform:inherit;}
        ._u339{transition:inherit;}
        ._u340{animation:inherit;}
        ._u341{filter:inherit;}
        ._u342{backdrop-filter:inherit;}
        ._u343{box-shadow:inherit;}
        ._u344{outline:inherit;}
        ._u345{border-radius:0;}
        ._u346{border-width:inherit;}
        ._u347{margin-top:0;}
        ._u348{margin-bottom:0;}
        ._u349{margin-left:0;}
        ._u350{margin-right:0;}
        ._u351{padding-top:0;}
        ._u352{padding-bottom:0;}
        ._u353{padding-left:0;}
        ._u354{padding-right:0;}
        ._u355{min-width:inherit;}
        ._u356{max-width:inherit;}
        ._u357{min-height:inherit;}
        ._u358{max-height:inherit;}
        ._u359{flex-grow:inherit;}
        ._u360{flex-shrink:inherit;}
        ._u361{flex-basis:inherit;}
        ._u362{grid-column:inherit;}
        ._u363{grid-row:inherit;}
        ._u364{gap:inherit;}
        ._u365{column-gap:inherit;}
        ._u366{row-gap:inherit;}
        ._u367{align-self:inherit;}
        ._u368{justify-self:inherit;}
        ._u369{order:inherit;}
        ._u370{z-index:0;}
        ._u371{overflow-x:inherit;}
        ._u372{overflow-y:inherit;}
        ._u373{object-fit:inherit;}
        ._u374{font-size:inherit;}
        ._u375{font-weight:inherit;}
        ._u376{line-height:inherit;}
        ._u377{letter-spacing:inherit;}
        ._u378{text-align:inherit;}
        ._u379{vertical-align:inherit;}
        ._u380{white-space:inherit;}
        ._u381{word-break:inherit;}
        ._u382{cursor:inherit;}
        ._u383{pointer-events:inherit;}
        ._u384{opacity:1;}
        ._u385{visibility:inherit;}
        ._u386{transform:inherit;}
        ._u387{transition:inherit;}
        ._u388{animation:inherit;}
        ._u389{filter:inherit;}
        ._u390{backdrop-filter:inherit;}
        ._u391{box-shadow:inherit;}
        ._u392{outline:inherit;}
        ._u393{border-radius:0;}
        ._u394{border-width:inherit;}
        ._u395{margin-top:0;}
        ._u396{margin-bottom:0;}
        ._u397{margin-left:0;}
        ._u398{margin-right:0;}
        ._u399{padding-top:0;}
        ._u400{padding-bottom:0;}
        ._u401{padding-left:0;}
        ._u402{padding-right:0;}
        ._u403{min-width:inherit;}
        ._u404{max-width:inherit;}
        ._u405{min-height:inherit;}
        ._u406{max-height:inherit;}
        ._u407{flex-grow:inherit;}
        ._u408{flex-shrink:inherit;}
        ._u409{flex-basis:inherit;}
        ._u410{grid-column:inherit;}
        ._u411{grid-row:inherit;}
        ._u412{gap:inherit;}
        ._u413{column-gap:inherit;}
        ._u414{row-gap:inherit;}
        ._u415{align-self:inherit;}
        ._u416{justify-self:inherit;}
        ._u417{order:inherit;}
        ._u418{z-index:0;}
        ._u419{overflow-x:inherit;}
        ._container{max-width:1200px;margin:0 auto;padding:0 1rem;}
        ._flex{display:flex;}
        ._grid{display:grid;}
        ._hidden{display:none;}
        ._sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
        @media (min-width:320px){._mw320{max-width:320px;}}
        @media (min-width:400px){._mw400{max-width:400px;}}
        @media (min-width:480px){._mw480{max-width:480px;}}
        @media (min-width:560px){._mw560{max-width:560px;}}
        @media (min-width:640px){._mw640{max-width:640px;}}
        @media (min-width:720px){._mw720{max-width:720px;}}
        @media (min-width:800px){._mw800{max-width:800px;}}
        @media (min-width:880px){._mw880{max-width:880px;}}
        @media (min-width:960px){._mw960{max-width:960px;}}
        @media (min-width:1040px){._mw1040{max-width:1040px;}}
        @media (min-width:1120px){._mw1120{max-width:1120px;}}
        @media (min-width:1200px){._mw1200{max-width:1200px;}}
        @media (min-width:1280px){._mw1280{max-width:1280px;}}
        @media (min-width:1360px){._mw1360{max-width:1360px;}}
        @media (min-width:1440px){._mw1440{max-width:1440px;}}
        @media (min-width:1520px){._mw1520{max-width:1520px;}}
        @media (min-width:1600px){._mw1600{max-width:1600px;}}
        @media (min-width:1680px){._mw1680{max-width:1680px;}}
        @media (min-width:1760px){._mw1760{max-width:1760px;}}
        @media (min-width:1840px){._mw1840{max-width:1840px;}}
        @media (min-width:1920px){._mw1920{max-width:1920px;}}
        @media (max-width:320px){._m320{padding-left:1rem;padding-right:1rem;}}
        @media (max-width:400px){._m400{padding-left:1rem;padding-right:1rem;}}
        @media (max-width:480px){._m480{padding-left:1rem;padding-right:1rem;}}
        @media (max-width:560px){._m560{padding-left:1rem;padding-right:1rem;}}
        @media (max-width:640px){._m640{padding-left:1rem;padding-right:1rem;}}
        @media (max-width:720px){._m720{padding-left:1rem;padding-right:1rem;}}
        @media (max-width:800px){._m800{padding-left:1rem;padding-right:1rem;}}
        @media (max-width:880px){._m880{padding-left:1rem;padding-right:1rem;}}
        @media (max-width:960px){._m960{padding-left:1rem;padding-right:1rem;}}
        @media (max-width:1040px){._m1040{padding-left:1rem;padding-right:1rem;}}
        @media (max-width:1120px){._m1120{padding-left:1rem;padding-right:1rem;}}
        @media (max-width:1200px){._m1200{padding-left:1rem;padding-right:1rem;}}
        @media (max-width:1280px){._m1280{padding-left:1rem;padding-right:1rem;}}
        @media (max-width:1360px){._m1360{padding-left:1rem;padding-right:1rem;}}
        @media (max-width:1440px){._m1440{padding-left:1rem;padding-right:1rem;}}
        @media (max-width:1520px){._m1520{padding-left:1rem;padding-right:1rem;}}
        @media (max-width:1600px){._m1600{padding-left:1rem;padding-right:1rem;}}
        @media (max-width:1680px){._m1680{padding-left:1rem;padding-right:1rem;}}
        @media (max-width:1760px){._m1760{padding-left:1rem;padding-right:1rem;}}
        @media (max-width:1840px){._m1840{padding-left:1rem;padding-right:1rem;}}
        @media (max-width:1920px){._m1920{padding-left:1rem;padding-right:1rem;}}
        ._t0{transition:transform .2s ease;}
        ._t1{transition:opacity .2s ease;}
        ._t2{transition:box-shadow .2s ease;}
        /* Typography & spacing */
        ._fs0{font-size:12px;}
        ._fs1{font-size:13px;}
        ._fs2{font-size:14px;}
        ._fs3{font-size:15px;}
        ._fs4{font-size:16px;}
        ._fs5{font-size:17px;}
        ._fs6{font-size:18px;}
        ._fs7{font-size:19px;}
        ._fs8{font-size:20px;}
        ._fs9{font-size:21px;}
        ._fs10{font-size:22px;}
        ._fs11{font-size:23px;}
        ._fs12{font-size:24px;}
        ._fs13{font-size:25px;}
        ._fs14{font-size:26px;}
        ._fs15{font-size:27px;}
        ._fs16{font-size:28px;}
        ._fs17{font-size:29px;}
        ._fs18{font-size:30px;}
        ._fs19{font-size:31px;}
        ._fs20{font-size:32px;}
        ._fs21{font-size:33px;}
        ._fs22{font-size:34px;}
        ._fs23{font-size:35px;}
        ._fs24{font-size:36px;}
        ._fs25{font-size:37px;}
        ._fs26{font-size:38px;}
        ._fs27{font-size:39px;}
        ._fs28{font-size:40px;}
        ._fs29{font-size:41px;}
        ._fs30{font-size:42px;}
        ._fs31{font-size:43px;}
        ._fs32{font-size:44px;}
        ._fs33{font-size:45px;}
        ._fs34{font-size:46px;}
        ._fs35{font-size:47px;}
        ._fs36{font-size:48px;}
        ._fs37{font-size:49px;}
        ._fs38{font-size:50px;}
        ._fs39{font-size:51px;}
        ._fs40{font-size:52px;}
        ._fs41{font-size:53px;}
        ._fs42{font-size:54px;}
        ._fs43{font-size:55px;}
        ._fs44{font-size:56px;}
        ._fs45{font-size:57px;}
        ._fs46{font-size:58px;}
        ._fs47{font-size:59px;}
        ._fs48{font-size:60px;}
        ._fs49{font-size:61px;}
        ._fs50{font-size:62px;}
        ._fs51{font-size:63px;}
        ._fs52{font-size:64px;}
        ._fs53{font-size:65px;}
        ._fs54{font-size:66px;}
        ._fs55{font-size:67px;}
        ._fs56{font-size:68px;}
        ._fs57{font-size:69px;}
        ._fs58{font-size:70px;}
        ._fs59{font-size:71px;}
        ._mb0{margin-bottom:0px;}
        ._mb1{margin-bottom:1px;}
        ._mb2{margin-bottom:2px;}
        ._mb3{margin-bottom:3px;}
        ._mb4{margin-bottom:4px;}
        ._mb5{margin-bottom:5px;}
        ._mb6{margin-bottom:6px;}
        ._mb7{margin-bottom:7px;}
        ._mb8{margin-bottom:8px;}
        ._mb9{margin-bottom:9px;}
        ._mb10{margin-bottom:10px;}
        ._mb11{margin-bottom:11px;}
        ._mb12{margin-bottom:12px;}
        ._mb13{margin-bottom:13px;}
        ._mb14{margin-bottom:14px;}
        ._mb15{margin-bottom:15px;}
        ._mb16{margin-bottom:16px;}
        ._mb17{margin-bottom:17px;}
        ._mb18{margin-bottom:18px;}
        ._mb19{margin-bottom:19px;}
        ._mb20{margin-bottom:20px;}
        ._mb21{margin-bottom:21px;}
        ._mb22{margin-bottom:22px;}
        ._mb23{margin-bottom:23px;}
        ._mb24{margin-bottom:24px;}
        ._mb25{margin-bottom:25px;}
        ._mb26{margin-bottom:26px;}
        ._mb27{margin-bottom:27px;}
        ._mb28{margin-bottom:28px;}
        ._mb29{margin-bottom:29px;}
        ._mb30{margin-bottom:30px;}
        ._mb31{margin-bottom:31px;}
        ._mb32{margin-bottom:32px;}
        ._mb33{margin-bottom:33px;}
        ._mb34{margin-bottom:34px;}
        ._mb35{margin-bottom:35px;}
        ._mb36{margin-bottom:36px;}
        ._mb37{margin-bottom:37px;}
        ._mb38{margin-bottom:38px;}
        ._mb39{margin-bottom:39px;}
        ._mb40{margin-bottom:40px;}
        ._mb41{margin-bottom:41px;}
        ._mb42{margin-bottom:42px;}
        ._mb43{margin-bottom:43px;}
        ._mb44{margin-bottom:44px;}
        ._mb45{margin-bottom:45px;}
        ._mb46{margin-bottom:46px;}
        ._mb47{margin-bottom:47px;}
        ._mb48{margin-bottom:48px;}
        ._mb49{margin-bottom:49px;}
        ._mb50{margin-bottom:50px;}
        ._mb51{margin-bottom:51px;}
        ._mb52{margin-bottom:52px;}
        ._mb53{margin-bottom:53px;}
        ._mb54{margin-bottom:54px;}
        ._mb55{margin-bottom:55px;}
        ._mb56{margin-bottom:56px;}
        ._mb57{margin-bottom:57px;}
        ._mb58{margin-bottom:58px;}
        ._mb59{margin-bottom:59px;}
        ._mt0{margin-top:0px;}
        ._mt1{margin-top:1px;}
        ._mt2{margin-top:2px;}
        ._mt3{margin-top:3px;}
        ._mt4{margin-top:4px;}
        ._mt5{margin-top:5px;}
        ._mt6{margin-top:6px;}
        ._mt7{margin-top:7px;}
        ._mt8{margin-top:8px;}
        ._mt9{margin-top:9px;}
        ._mt10{margin-top:10px;}
        ._mt11{margin-top:11px;}
        ._mt12{margin-top:12px;}
        ._mt13{margin-top:13px;}
        ._mt14{margin-top:14px;}
        ._mt15{margin-top:15px;}
        ._mt16{margin-top:16px;}
        ._mt17{margin-top:17px;}
        ._mt18{margin-top:18px;}
        ._mt19{margin-top:19px;}
        ._mt20{margin-top:20px;}
        ._mt21{margin-top:21px;}
        ._mt22{margin-top:22px;}
        ._mt23{margin-top:23px;}
        ._mt24{margin-top:24px;}
        ._mt25{margin-top:25px;}
        ._mt26{margin-top:26px;}
        ._mt27{margin-top:27px;}
        ._mt28{margin-top:28px;}
        ._mt29{margin-top:29px;}
        ._mt30{margin-top:30px;}
        ._mt31{margin-top:31px;}
        ._mt32{margin-top:32px;}
        ._mt33{margin-top:33px;}
        ._mt34{margin-top:34px;}
        ._mt35{margin-top:35px;}
        ._mt36{margin-top:36px;}
        ._mt37{margin-top:37px;}
        ._mt38{margin-top:38px;}
        ._mt39{margin-top:39px;}
        ._mt40{margin-top:40px;}
        ._mt41{margin-top:41px;}
        ._mt42{margin-top:42px;}
        ._mt43{margin-top:43px;}
        ._mt44{margin-top:44px;}
        ._mt45{margin-top:45px;}
        ._mt46{margin-top:46px;}
        ._mt47{margin-top:47px;}
        ._mt48{margin-top:48px;}
        ._mt49{margin-top:49px;}
        ._mt50{margin-top:50px;}
        ._mt51{margin-top:51px;}
        ._mt52{margin-top:52px;}
        ._mt53{margin-top:53px;}
        ._mt54{margin-top:54px;}
        ._mt55{margin-top:55px;}
        ._mt56{margin-top:56px;}
        ._mt57{margin-top:57px;}
        ._mt58{margin-top:58px;}
        ._mt59{margin-top:59px;}
        ._lh0{line-height:1;}
        ._lh1{line-height:1.05;}
        ._lh2{line-height:1.1;}
        ._lh3{line-height:1.15;}
        ._lh4{line-height:1.2;}
        ._lh5{line-height:1.25;}
        ._lh6{line-height:1.3;}
        ._lh7{line-height:1.35;}
        ._lh8{line-height:1.4;}
        ._lh9{line-height:1.45;}
        ._lh10{line-height:1.5;}
        ._lh11{line-height:1.55;}
        ._lh12{line-height:1.6;}
        ._lh13{line-height:1.65;}
        ._lh14{line-height:1.7;}
        ._lh15{line-height:1.75;}
        ._lh16{line-height:1.8;}
        ._lh17{line-height:1.85;}
        ._lh18{line-height:1.9;}
        ._lh19{line-height:1.95;}
        ._lh20{line-height:2;}
        ._lh21{line-height:2.05;}
        ._lh22{line-height:2.1;}
        ._lh23{line-height:2.15;}
        ._lh24{line-height:2.2;}
        ._lh25{line-height:2.25;}
        ._lh26{line-height:2.3;}
        ._lh27{line-height:2.35;}
        ._lh28{line-height:2.4;}
        ._lh29{line-height:2.45;}
        ._lh30{line-height:2.5;}
        ._lh31{line-height:2.55;}
        ._lh32{line-height:2.6;}
        ._lh33{line-height:2.65;}
        ._lh34{line-height:2.7;}
        ._lh35{line-height:2.75;}
        ._lh36{line-height:2.8;}
        ._lh37{line-height:2.85;}
        ._lh38{line-height:2.9;}
        ._lh39{line-height:2.95;}
        @media (min-width:400px){._r0{display:block;}}
        @media (min-width:410px){._r1{display:block;}}
        @media (min-width:420px){._r2{display:block;}}
        @media (min-width:430px){._r3{display:block;}}
        @media (min-width:440px){._r4{display:block;}}
        @media (min-width:450px){._r5{display:block;}}
        @media (min-width:460px){._r6{display:block;}}
        @media (min-width:470px){._r7{display:block;}}
        @media (min-width:480px){._r8{display:block;}}
        @media (min-width:490px){._r9{display:block;}}
        @media (min-width:500px){._r10{display:block;}}
        @media (min-width:510px){._r11{display:block;}}
        @media (min-width:520px){._r12{display:block;}}
        @media (min-width:530px){._r13{display:block;}}
        @media (min-width:540px){._r14{display:block;}}
        @media (min-width:550px){._r15{display:block;}}
        @media (min-width:560px){._r16{display:block;}}
        @media (min-width:570px){._r17{display:block;}}
        @media (min-width:580px){._r18{display:block;}}
        @media (min-width:590px){._r19{display:block;}}
        @media (min-width:600px){._r20{display:block;}}
        @media (min-width:610px){._r21{display:block;}}
        @media (min-width:620px){._r22{display:block;}}
        @media (min-width:630px){._r23{display:block;}}
        @media (min-width:640px){._r24{display:block;}}
        @media (min-width:650px){._r25{display:block;}}
        @media (min-width:660px){._r26{display:block;}}
        @media (min-width:670px){._r27{display:block;}}
        @media (min-width:680px){._r28{display:block;}}
        @media (min-width:690px){._r29{display:block;}}
        @media (min-width:700px){._r30{display:block;}}
        @media (min-width:710px){._r31{display:block;}}
        @media (min-width:720px){._r32{display:block;}}
        @media (min-width:730px){._r33{display:block;}}
        @media (min-width:740px){._r34{display:block;}}
        @media (min-width:750px){._r35{display:block;}}
        @media (min-width:760px){._r36{display:block;}}
        @media (min-width:770px){._r37{display:block;}}
        @media (min-width:780px){._r38{display:block;}}
        @media (min-width:790px){._r39{display:block;}}
        @media (min-width:800px){._r40{display:block;}}
        @media (min-width:810px){._r41{display:block;}}
        @media (min-width:820px){._r42{display:block;}}
        @media (min-width:830px){._r43{display:block;}}
        @media (min-width:840px){._r44{display:block;}}
        @media (min-width:850px){._r45{display:block;}}
        @media (min-width:860px){._r46{display:block;}}
        @media (min-width:870px){._r47{display:block;}}
        @media (min-width:880px){._r48{display:block;}}
        @media (min-width:890px){._r49{display:block;}}
        @media (min-width:900px){._r50{display:block;}}
        @media (min-width:910px){._r51{display:block;}}
        @media (min-width:920px){._r52{display:block;}}
        @media (min-width:930px){._r53{display:block;}}
        @media (min-width:940px){._r54{display:block;}}
        @media (min-width:950px){._r55{display:block;}}
        @media (min-width:960px){._r56{display:block;}}
        @media (min-width:970px){._r57{display:block;}}
        @media (min-width:980px){._r58{display:block;}}
        @media (min-width:990px){._r59{display:block;}}
        @media (min-width:1000px){._r60{display:block;}}
        @media (min-width:1010px){._r61{display:block;}}
        @media (min-width:1020px){._r62{display:block;}}
        @media (min-width:1030px){._r63{display:block;}}
        @media (min-width:1040px){._r64{display:block;}}
        @media (min-width:1050px){._r65{display:block;}}
        @media (min-width:1060px){._r66{display:block;}}
        @media (min-width:1070px){._r67{display:block;}}
        @media (min-width:1080px){._r68{display:block;}}
        @media (min-width:1090px){._r69{display:block;}}
        @media (min-width:1100px){._r70{display:block;}}
        @media (min-width:1110px){._r71{display:block;}}
        @media (min-width:1120px){._r72{display:block;}}
        @media (min-width:1130px){._r73{display:block;}}
        @media (min-width:1140px){._r74{display:block;}}
        @media (min-width:1150px){._r75{display:block;}}
        @media (min-width:1160px){._r76{display:block;}}
        @media (min-width:1170px){._r77{display:block;}}
        @media (min-width:1180px){._r78{display:block;}}
        @media (min-width:1190px){._r79{display:block;}}
        /* Width & height scale */
        ._w0{width:0%;}
        ._w1{width:1%;}
        ._w2{width:2%;}
        ._w3{width:3%;}
        ._w4{width:4%;}
        ._w5{width:5%;}
        ._w6{width:6%;}
        ._w7{width:7%;}
        ._w8{width:8%;}
        ._w9{width:9%;}
        ._w10{width:10%;}
        ._w11{width:11%;}
        ._w12{width:12%;}
        ._w13{width:13%;}
        ._w14{width:14%;}
        ._w15{width:15%;}
        ._w16{width:16%;}
        ._w17{width:17%;}
        ._w18{width:18%;}
        ._w19{width:19%;}
        ._w20{width:20%;}
        ._w21{width:21%;}
        ._w22{width:22%;}
        ._w23{width:23%;}
        ._w24{width:24%;}
        ._w25{width:25%;}
        ._w26{width:26%;}
        ._w27{width:27%;}
        ._w28{width:28%;}
        ._w29{width:29%;}
        ._w30{width:30%;}
        ._w31{width:31%;}
        ._w32{width:32%;}
        ._w33{width:33%;}
        ._w34{width:34%;}
        ._w35{width:35%;}
        ._w36{width:36%;}
        ._w37{width:37%;}
        ._w38{width:38%;}
        ._w39{width:39%;}
        ._w40{width:40%;}
        ._w41{width:41%;}
        ._w42{width:42%;}
        ._w43{width:43%;}
        ._w44{width:44%;}
        ._w45{width:45%;}
        ._w46{width:46%;}
        ._w47{width:47%;}
        ._w48{width:48%;}
        ._w49{width:49%;}
        ._w50{width:50%;}
        ._w51{width:51%;}
        ._w52{width:52%;}
        ._w53{width:53%;}
        ._w54{width:54%;}
        ._w55{width:55%;}
        ._w56{width:56%;}
        ._w57{width:57%;}
        ._w58{width:58%;}
        ._w59{width:59%;}
        ._w60{width:60%;}
        ._w61{width:61%;}
        ._w62{width:62%;}
        ._w63{width:63%;}
        ._w64{width:64%;}
        ._w65{width:65%;}
        ._w66{width:66%;}
        ._w67{width:67%;}
        ._w68{width:68%;}
        ._w69{width:69%;}
        ._w70{width:70%;}
        ._w71{width:71%;}
        ._w72{width:72%;}
        ._w73{width:73%;}
        ._w74{width:74%;}
        ._w75{width:75%;}
        ._w76{width:76%;}
        ._w77{width:77%;}
        ._w78{width:78%;}
        ._w79{width:79%;}
        ._w80{width:80%;}
        ._w81{width:81%;}
        ._w82{width:82%;}
        ._w83{width:83%;}
        ._w84{width:84%;}
        ._w85{width:85%;}
        ._w86{width:86%;}
        ._w87{width:87%;}
        ._w88{width:88%;}
        ._w89{width:89%;}
        ._w90{width:90%;}
        ._w91{width:91%;}
        ._w92{width:92%;}
        ._w93{width:93%;}
        ._w94{width:94%;}
        ._w95{width:95%;}
        ._w96{width:96%;}
        ._w97{width:97%;}
        ._w98{width:98%;}
        ._w99{width:99%;}
        ._h0{height:0px;}
        ._h1{height:2px;}
        ._h2{height:4px;}
        ._h3{height:6px;}
        ._h4{height:8px;}
        ._h5{height:10px;}
        ._h6{height:12px;}
        ._h7{height:14px;}
        ._h8{height:16px;}
        ._h9{height:18px;}
        ._h10{height:20px;}
        ._h11{height:22px;}
        ._h12{height:24px;}
        ._h13{height:26px;}
        ._h14{height:28px;}
        ._h15{height:30px;}
        ._h16{height:32px;}
        ._h17{height:34px;}
        ._h18{height:36px;}
        ._h19{height:38px;}
        ._h20{height:40px;}
        ._h21{height:42px;}
        ._h22{height:44px;}
        ._h23{height:46px;}
        ._h24{height:48px;}
        ._h25{height:50px;}
        ._h26{height:52px;}
        ._h27{height:54px;}
        ._h28{height:56px;}
        ._h29{height:58px;}
        ._h30{height:60px;}
        ._h31{height:62px;}
        ._h32{height:64px;}
        ._h33{height:66px;}
        ._h34{height:68px;}
        ._h35{height:70px;}
        ._h36{height:72px;}
        ._h37{height:74px;}
        ._h38{height:76px;}
        ._h39{height:78px;}
        ._h40{height:80px;}
        ._h41{height:82px;}
        ._h42{height:84px;}
        ._h43{height:86px;}
        ._h44{height:88px;}
        ._h45{height:90px;}
        ._h46{height:92px;}
        ._h47{height:94px;}
        ._h48{height:96px;}
        ._h49{height:98px;}
        ._h50{height:100px;}
        ._h51{height:102px;}
        ._h52{height:104px;}
        ._h53{height:106px;}
        ._h54{height:108px;}
        ._h55{height:110px;}
        ._h56{height:112px;}
        ._h57{height:114px;}
        ._h58{height:116px;}
        ._h59{height:118px;}
        ._h60{height:120px;}
        ._h61{height:122px;}
        ._h62{height:124px;}
        ._h63{height:126px;}
        ._h64{height:128px;}
        ._h65{height:130px;}
        ._h66{height:132px;}
        ._h67{height:134px;}
        ._h68{height:136px;}
        ._h69{height:138px;}
        ._h70{height:140px;}
        ._h71{height:142px;}
        ._h72{height:144px;}
        ._h73{height:146px;}
        ._h74{height:148px;}
        ._h75{height:150px;}
        ._h76{height:152px;}
        ._h77{height:154px;}
        ._h78{height:156px;}
        ._h79{height:158px;}
        ._h80{height:160px;}
        ._h81{height:162px;}
        ._h82{height:164px;}
        ._h83{height:166px;}
        ._h84{height:168px;}
        ._h85{height:170px;}
        ._h86{height:172px;}
        ._h87{height:174px;}
        ._h88{height:176px;}
        ._h89{height:178px;}
        ._h90{height:180px;}
        ._h91{height:182px;}
        ._h92{height:184px;}
        ._h93{height:186px;}
        ._h94{height:188px;}
        ._h95{height:190px;}
        ._h96{height:192px;}
        ._h97{height:194px;}
        ._h98{height:196px;}
        ._h99{height:198px;}
        /* Padding scale */
        ._p0{padding:0px;}
        ._p1{padding:1px;}
        ._p2{padding:2px;}
        ._p3{padding:3px;}
        ._p4{padding:4px;}
        ._p5{padding:5px;}
        ._p6{padding:6px;}
        ._p7{padding:7px;}
        ._p8{padding:8px;}
        ._p9{padding:9px;}
        ._p10{padding:10px;}
        ._p11{padding:11px;}
        ._p12{padding:12px;}
        ._p13{padding:13px;}
        ._p14{padding:14px;}
        ._p15{padding:15px;}
        ._p16{padding:16px;}
        ._p17{padding:17px;}
        ._p18{padding:18px;}
        ._p19{padding:19px;}
        ._p20{padding:20px;}
        ._p21{padding:21px;}
        ._p22{padding:22px;}
        ._p23{padding:23px;}
        ._p24{padding:24px;}
        ._p25{padding:25px;}
        ._p26{padding:26px;}
        ._p27{padding:27px;}
        ._p28{padding:28px;}
        ._p29{padding:29px;}
        ._p30{padding:30px;}
        ._p31{padding:31px;}
        ._p32{padding:32px;}
        ._p33{padding:33px;}
        ._p34{padding:34px;}
        ._p35{padding:35px;}
        ._p36{padding:36px;}
        ._p37{padding:37px;}
        ._p38{padding:38px;}
        ._p39{padding:39px;}
        ._p40{padding:40px;}
        ._p41{padding:41px;}
        ._p42{padding:42px;}
        ._p43{padding:43px;}
        ._p44{padding:44px;}
        ._p45{padding:45px;}
        ._p46{padding:46px;}
        ._p47{padding:47px;}
        ._p48{padding:48px;}
        ._p49{padding:49px;}
        ._pt0{padding-top:0px;}
        ._pt1{padding-top:1px;}
        ._pt2{padding-top:2px;}
        ._pt3{padding-top:3px;}
        ._pt4{padding-top:4px;}
        ._pt5{padding-top:5px;}
        ._pt6{padding-top:6px;}
        ._pt7{padding-top:7px;}
        ._pt8{padding-top:8px;}
        ._pt9{padding-top:9px;}
        ._pt10{padding-top:10px;}
        ._pt11{padding-top:11px;}
        ._pt12{padding-top:12px;}
        ._pt13{padding-top:13px;}
        ._pt14{padding-top:14px;}
        ._pt15{padding-top:15px;}
        ._pt16{padding-top:16px;}
        ._pt17{padding-top:17px;}
        ._pt18{padding-top:18px;}
        ._pt19{padding-top:19px;}
        ._pt20{padding-top:20px;}
        ._pt21{padding-top:21px;}
        ._pt22{padding-top:22px;}
        ._pt23{padding-top:23px;}
        ._pt24{padding-top:24px;}
        ._pt25{padding-top:25px;}
        ._pt26{padding-top:26px;}
        ._pt27{padding-top:27px;}
        ._pt28{padding-top:28px;}
        ._pt29{padding-top:29px;}
        ._pt30{padding-top:30px;}
        ._pt31{padding-top:31px;}
        ._pt32{padding-top:32px;}
        ._pt33{padding-top:33px;}
        ._pt34{padding-top:34px;}
        ._pt35{padding-top:35px;}
        ._pt36{padding-top:36px;}
        ._pt37{padding-top:37px;}
        ._pt38{padding-top:38px;}
        ._pt39{padding-top:39px;}
        ._pt40{padding-top:40px;}
        ._pt41{padding-top:41px;}
        ._pt42{padding-top:42px;}
        ._pt43{padding-top:43px;}
        ._pt44{padding-top:44px;}
        ._pt45{padding-top:45px;}
        ._pt46{padding-top:46px;}
        ._pt47{padding-top:47px;}
        ._pt48{padding-top:48px;}
        ._pt49{padding-top:49px;}
        /* Colors neutral */
        ._g0{color:#000000;}
        ._g1{color:#020202;}
        ._g2{color:#040404;}
        ._g3{color:#060606;}
        ._g4{color:#080808;}
        ._g5{color:#0a0a0a;}
        ._g6{color:#0c0c0c;}
        ._g7{color:#0e0e0e;}
        ._g8{color:#101010;}
        ._g9{color:#121212;}
        ._g10{color:#141414;}
        ._g11{color:#161616;}
        ._g12{color:#181818;}
        ._g13{color:#1a1a1a;}
        ._g14{color:#1c1c1c;}
        ._g15{color:#1e1e1e;}
        ._g16{color:#202020;}
        ._g17{color:#222222;}
        ._g18{color:#242424;}
        ._g19{color:#262626;}
        ._g20{color:#282828;}
        ._g21{color:#2a2a2a;}
        ._g22{color:#2c2c2c;}
        ._g23{color:#2e2e2e;}
        ._g24{color:#303030;}
        ._g25{color:#323232;}
        ._g26{color:#343434;}
        ._g27{color:#363636;}
        ._g28{color:#383838;}
        ._g29{color:#3a3a3a;}
        ._g30{color:#3c3c3c;}
        ._g31{color:#3e3e3e;}
        ._g32{color:#404040;}
        ._g33{color:#424242;}
        ._g34{color:#444444;}
        ._g35{color:#464646;}
        ._g36{color:#484848;}
        ._g37{color:#4a4a4a;}
        ._g38{color:#4c4c4c;}
        ._g39{color:#4e4e4e;}
        ._g40{color:#505050;}
        ._g41{color:#525252;}
        ._g42{color:#545454;}
        ._g43{color:#565656;}
        ._g44{color:#585858;}
        ._g45{color:#5a5a5a;}
        ._g46{color:#5c5c5c;}
        ._g47{color:#5e5e5e;}
        ._g48{color:#606060;}
        ._g49{color:#626262;}
        ._g50{color:#646464;}
        ._g51{color:#666666;}
        ._g52{color:#686868;}
        ._g53{color:#6a6a6a;}
        ._g54{color:#6c6c6c;}
        ._g55{color:#6e6e6e;}
        ._g56{color:#707070;}
        ._g57{color:#727272;}
        ._g58{color:#747474;}
        ._g59{color:#767676;}
        ._g60{color:#787878;}
        ._g61{color:#7a7a7a;}
        ._g62{color:#7c7c7c;}
        ._g63{color:#7e7e7e;}
        ._g64{color:#808080;}
        ._g65{color:#828282;}
        ._g66{color:#848484;}
        ._g67{color:#868686;}
        ._g68{color:#888888;}
        ._g69{color:#8a8a8a;}
        ._g70{color:#8c8c8c;}
        ._g71{color:#8e8e8e;}
        ._g72{color:#909090;}
        ._g73{color:#929292;}
        ._g74{color:#949494;}
        ._g75{color:#969696;}
        ._g76{color:#989898;}
        ._g77{color:#9a9a9a;}
        ._g78{color:#9c9c9c;}
        ._g79{color:#9e9e9e;}
        ._g80{color:#a0a0a0;}
        ._g81{color:#a2a2a2;}
        ._g82{color:#a4a4a4;}
        ._g83{color:#a6a6a6;}
        ._g84{color:#a8a8a8;}
        ._g85{color:#aaaaaa;}
        ._g86{color:#acacac;}
        ._g87{color:#aeaeae;}
        ._g88{color:#b0b0b0;}
        ._g89{color:#b2b2b2;}
        ._g90{color:#b4b4b4;}
        ._g91{color:#b6b6b6;}
        ._g92{color:#b8b8b8;}
        ._g93{color:#bababa;}
        ._g94{color:#bcbcbc;}
        ._g95{color:#bebebe;}
        ._g96{color:#c0c0c0;}
        ._g97{color:#c2c2c2;}
        ._g98{color:#c4c4c4;}
        ._g99{color:#c6c6c6;}
        /* Z-index scale */
        ._z0{z-index:0;}
        ._z1{z-index:1;}
        ._z2{z-index:2;}
        ._z3{z-index:3;}
        ._z4{z-index:4;}
        ._z5{z-index:5;}
        ._z6{z-index:6;}
        ._z7{z-index:7;}
        ._z8{z-index:8;}
        ._z9{z-index:9;}
        ._z10{z-index:10;}
        ._z11{z-index:11;}
        ._z12{z-index:12;}
        ._z13{z-index:13;}
        ._z14{z-index:14;}
        ._z15{z-index:15;}
        ._z16{z-index:16;}
        ._z17{z-index:17;}
        ._z18{z-index:18;}
        ._z19{z-index:19;}
        ._z20{z-index:20;}
        ._z21{z-index:21;}
        ._z22{z-index:22;}
        ._z23{z-index:23;}
        ._z24{z-index:24;}
        ._z25{z-index:25;}
        ._z26{z-index:26;}
        ._z27{z-index:27;}
        ._z28{z-index:28;}
        ._z29{z-index:29;}
        ._z30{z-index:30;}
        ._z31{z-index:31;}
        ._z32{z-index:32;}
        ._z33{z-index:33;}
        ._z34{z-index:34;}
        ._z35{z-index:35;}
        ._z36{z-index:36;}
        ._z37{z-index:37;}
        ._z38{z-index:38;}
        ._z39{z-index:39;}
        ._z40{z-index:40;}
        ._z41{z-index:41;}
        ._z42{z-index:42;}
        ._z43{z-index:43;}
        ._z44{z-index:44;}
        ._z45{z-index:45;}
        ._z46{z-index:46;}
        ._z47{z-index:47;}
        ._z48{z-index:48;}
        ._z49{z-index:49;}
        /* Border radius */
        ._br0{border-radius:0px;}
        ._br1{border-radius:1px;}
        ._br2{border-radius:2px;}
        ._br3{border-radius:3px;}
        ._br4{border-radius:4px;}
        ._br5{border-radius:5px;}
        ._br6{border-radius:6px;}
        ._br7{border-radius:7px;}
        ._br8{border-radius:8px;}
        ._br9{border-radius:9px;}
        ._br10{border-radius:10px;}
        ._br11{border-radius:11px;}
        ._br12{border-radius:12px;}
        ._br13{border-radius:13px;}
        ._br14{border-radius:14px;}
        ._br15{border-radius:15px;}
        ._br16{border-radius:16px;}
        ._br17{border-radius:17px;}
        ._br18{border-radius:18px;}
        ._br19{border-radius:19px;}
        ._br20{border-radius:20px;}
        ._br21{border-radius:21px;}
        ._br22{border-radius:22px;}
        ._br23{border-radius:23px;}
        ._br24{border-radius:24px;}
        ._br25{border-radius:25px;}
        ._br26{border-radius:26px;}
        ._br27{border-radius:27px;}
        ._br28{border-radius:28px;}
        ._br29{border-radius:29px;}
        ._br30{border-radius:30px;}
        ._br31{border-radius:31px;}
        /* Flex & grid helpers */
        ._gcol0{grid-column:1;}
        ._gcol1{grid-column:2;}
        ._gcol2{grid-column:3;}
        ._gcol3{grid-column:4;}
        ._gcol4{grid-column:5;}
        ._gcol5{grid-column:6;}
        ._gcol6{grid-column:7;}
        ._gcol7{grid-column:8;}
        ._gcol8{grid-column:9;}
        ._gcol9{grid-column:10;}
        ._gcol10{grid-column:11;}
        ._gcol11{grid-column:12;}
        ._gcol12{grid-column:13;}
        ._gcol13{grid-column:14;}
        ._gcol14{grid-column:15;}
        ._gcol15{grid-column:16;}
        ._gcol16{grid-column:17;}
        ._gcol17{grid-column:18;}
        ._gcol18{grid-column:19;}
        ._gcol19{grid-column:20;}
        ._gcol20{grid-column:21;}
        ._gcol21{grid-column:22;}
        ._gcol22{grid-column:23;}
        ._gcol23{grid-column:24;}
        ._gcol24{grid-column:25;}
        ._gcol25{grid-column:26;}
        ._gcol26{grid-column:27;}
        ._gcol27{grid-column:28;}
        ._gcol28{grid-column:29;}
        ._gcol29{grid-column:30;}
        ._gcol30{grid-column:31;}
        ._gcol31{grid-column:32;}
        ._gcol32{grid-column:33;}
        ._gcol33{grid-column:34;}
        ._gcol34{grid-column:35;}
        ._gcol35{grid-column:36;}
        ._gcol36{grid-column:37;}
        ._gcol37{grid-column:38;}
        ._gcol38{grid-column:39;}
        ._gcol39{grid-column:40;}
        ._gcol40{grid-column:41;}
        ._gcol41{grid-column:42;}
        ._gcol42{grid-column:43;}
        ._gcol43{grid-column:44;}
        ._gcol44{grid-column:45;}
        ._gcol45{grid-column:46;}
        ._gcol46{grid-column:47;}
        ._gcol47{grid-column:48;}
        ._gcol48{grid-column:49;}
        ._gcol49{grid-column:50;}
        ._gcol50{grid-column:51;}
        ._gcol51{grid-column:52;}
        ._gcol52{grid-column:53;}
        ._gcol53{grid-column:54;}
        ._gcol54{grid-column:55;}
        ._gcol55{grid-column:56;}
        ._gcol56{grid-column:57;}
        ._gcol57{grid-column:58;}
        ._gcol58{grid-column:59;}
        ._gcol59{grid-column:60;}
        ._grow0{grid-row:1;}
        ._grow1{grid-row:2;}
        ._grow2{grid-row:3;}
        ._grow3{grid-row:4;}
        ._grow4{grid-row:5;}
        ._grow5{grid-row:6;}
        ._grow6{grid-row:7;}
        ._grow7{grid-row:8;}
        ._grow8{grid-row:9;}
        ._grow9{grid-row:10;}
        ._grow10{grid-row:11;}
        ._grow11{grid-row:12;}
        ._grow12{grid-row:13;}
        ._grow13{grid-row:14;}
        ._grow14{grid-row:15;}
        ._grow15{grid-row:16;}
        ._grow16{grid-row:17;}
        ._grow17{grid-row:18;}
        ._grow18{grid-row:19;}
        ._grow19{grid-row:20;}
        ._grow20{grid-row:21;}
        ._grow21{grid-row:22;}
        ._grow22{grid-row:23;}
        ._grow23{grid-row:24;}
        ._grow24{grid-row:25;}
        ._grow25{grid-row:26;}
        ._grow26{grid-row:27;}
        ._grow27{grid-row:28;}
        ._grow28{grid-row:29;}
        ._grow29{grid-row:30;}
        ._grow30{grid-row:31;}
        ._grow31{grid-row:32;}
        ._grow32{grid-row:33;}
        ._grow33{grid-row:34;}
        ._grow34{grid-row:35;}
        ._grow35{grid-row:36;}
        ._grow36{grid-row:37;}
        ._grow37{grid-row:38;}
        ._grow38{grid-row:39;}
        ._grow39{grid-row:40;}
        ._grow40{grid-row:41;}
        ._grow41{grid-row:42;}
        ._grow42{grid-row:43;}
        ._grow43{grid-row:44;}
        ._grow44{grid-row:45;}
        ._grow45{grid-row:46;}
        ._grow46{grid-row:47;}
        ._grow47{grid-row:48;}
        ._grow48{grid-row:49;}
        ._grow49{grid-row:50;}
        ._grow50{grid-row:51;}
        ._grow51{grid-row:52;}
        ._grow52{grid-row:53;}
        ._grow53{grid-row:54;}
        ._grow54{grid-row:55;}
        ._grow55{grid-row:56;}
        ._grow56{grid-row:57;}
        ._grow57{grid-row:58;}
        ._grow58{grid-row:59;}
        ._grow59{grid-row:60;}
        /* Opacity scale */
        ._o0{opacity:0;}
        ._o1{opacity:0.05;}
        ._o2{opacity:0.1;}
        ._o3{opacity:0.15;}
        ._o4{opacity:0.2;}
        ._o5{opacity:0.25;}
        ._o6{opacity:0.3;}
        ._o7{opacity:0.35;}
        ._o8{opacity:0.4;}
        ._o9{opacity:0.45;}
        ._o10{opacity:0.5;}
        ._o11{opacity:0.55;}
        ._o12{opacity:0.6;}
        ._o13{opacity:0.65;}
        ._o14{opacity:0.7;}
        ._o15{opacity:0.75;}
        ._o16{opacity:0.8;}
        ._o17{opacity:0.85;}
        ._o18{opacity:0.9;}
        ._o19{opacity:0.95;}
        ._o20{opacity:1;}
        @media (prefers-reduced-motion:reduce){._nomotion{animation:none;transition:none;}}
        ._anim0{animation-duration:0.5s;}
        ._anim1{animation-duration:0.6s;}
        ._anim2{animation-duration:0.7s;}
        ._anim3{animation-duration:0.8s;}
        ._anim4{animation-duration:0.9s;}
        ._anim5{animation-duration:1s;}
        ._anim6{animation-duration:1.1s;}
        ._anim7{animation-duration:1.2s;}
        ._anim8{animation-duration:1.3s;}
        ._anim9{animation-duration:1.4s;}
        ._anim10{animation-duration:1.5s;}
        ._anim11{animation-duration:1.6s;}
        ._anim12{animation-duration:1.7s;}
        ._anim13{animation-duration:1.8s;}
        ._anim14{animation-duration:1.9s;}
        ._anim15{animation-duration:2s;}
        ._anim16{animation-duration:2.1s;}
        ._anim17{animation-duration:2.2s;}
        ._anim18{animation-duration:2.3s;}
        ._anim19{animation-duration:2.4s;}
        ._anim20{animation-duration:2.5s;}
        ._anim21{animation-duration:2.6s;}
        ._anim22{animation-duration:2.7s;}
        ._anim23{animation-duration:2.8s;}
        ._anim24{animation-duration:2.9s;}
        ._anim25{animation-duration:3s;}
        ._anim26{animation-duration:3.1s;}
        ._anim27{animation-duration:3.2s;}
        ._anim28{animation-duration:3.3s;}
        ._anim29{animation-duration:3.4s;}
        ._anim30{animation-duration:3.5s;}
        ._anim31{animation-duration:3.6s;}
        ._anim32{animation-duration:3.7s;}
        ._anim33{animation-duration:3.8s;}
        ._anim34{animation-duration:3.9s;}
        ._anim35{animation-duration:4s;}
        ._anim36{animation-duration:4.1s;}
        ._anim37{animation-duration:4.2s;}
        ._anim38{animation-duration:4.3s;}
        ._anim39{animation-duration:4.4s;}
        /* Additional spacing utilities */
        ._ml0{margin-left:0px;}
        ._ml1{margin-left:1px;}
        ._ml2{margin-left:2px;}
        ._ml3{margin-left:3px;}
        ._ml4{margin-left:4px;}
        ._ml5{margin-left:5px;}
        ._ml6{margin-left:6px;}
        ._ml7{margin-left:7px;}
        ._ml8{margin-left:8px;}
        ._ml9{margin-left:9px;}
        ._ml10{margin-left:10px;}
        ._ml11{margin-left:11px;}
        ._ml12{margin-left:12px;}
        ._ml13{margin-left:13px;}
        ._ml14{margin-left:14px;}
        ._ml15{margin-left:15px;}
        ._ml16{margin-left:16px;}
        ._ml17{margin-left:17px;}
        ._ml18{margin-left:18px;}
        ._ml19{margin-left:19px;}
        ._ml20{margin-left:20px;}
        ._ml21{margin-left:21px;}
        ._ml22{margin-left:22px;}
        ._ml23{margin-left:23px;}
        ._ml24{margin-left:24px;}
        ._ml25{margin-left:25px;}
        ._ml26{margin-left:26px;}
        ._ml27{margin-left:27px;}
        ._ml28{margin-left:28px;}
        ._ml29{margin-left:29px;}
        ._ml30{margin-left:30px;}
        ._ml31{margin-left:31px;}
        ._ml32{margin-left:32px;}
        ._ml33{margin-left:33px;}
        ._ml34{margin-left:34px;}
        ._ml35{margin-left:35px;}
        ._ml36{margin-left:36px;}
        ._ml37{margin-left:37px;}
        ._ml38{margin-left:38px;}
        ._ml39{margin-left:39px;}
        ._ml40{margin-left:40px;}
        ._ml41{margin-left:41px;}
        ._ml42{margin-left:42px;}
        ._ml43{margin-left:43px;}
        ._ml44{margin-left:44px;}
        ._ml45{margin-left:45px;}
        ._ml46{margin-left:46px;}
        ._ml47{margin-left:47px;}
        ._ml48{margin-left:48px;}
        ._ml49{margin-left:49px;}
        ._ml50{margin-left:50px;}
        ._ml51{margin-left:51px;}
        ._ml52{margin-left:52px;}
        ._ml53{margin-left:53px;}
        ._ml54{margin-left:54px;}
        ._ml55{margin-left:55px;}
        ._ml56{margin-left:56px;}
        ._ml57{margin-left:57px;}
        ._ml58{margin-left:58px;}
        ._ml59{margin-left:59px;}
        ._ml60{margin-left:60px;}
        ._ml61{margin-left:61px;}
        ._ml62{margin-left:62px;}
        ._ml63{margin-left:63px;}
        ._ml64{margin-left:64px;}
        ._ml65{margin-left:65px;}
        ._ml66{margin-left:66px;}
        ._ml67{margin-left:67px;}
        ._ml68{margin-left:68px;}
        ._ml69{margin-left:69px;}
        ._ml70{margin-left:70px;}
        ._ml71{margin-left:71px;}
        ._ml72{margin-left:72px;}
        ._ml73{margin-left:73px;}
        ._ml74{margin-left:74px;}
        ._ml75{margin-left:75px;}
        ._ml76{margin-left:76px;}
        ._ml77{margin-left:77px;}
        ._ml78{margin-left:78px;}
        ._ml79{margin-left:79px;}
        ._ml80{margin-left:80px;}
        ._ml81{margin-left:81px;}
        ._ml82{margin-left:82px;}
        ._ml83{margin-left:83px;}
        ._ml84{margin-left:84px;}
        ._ml85{margin-left:85px;}
        ._ml86{margin-left:86px;}
        ._ml87{margin-left:87px;}
        ._ml88{margin-left:88px;}
        ._ml89{margin-left:89px;}
        ._ml90{margin-left:90px;}
        ._ml91{margin-left:91px;}
        ._ml92{margin-left:92px;}
        ._ml93{margin-left:93px;}
        ._ml94{margin-left:94px;}
        ._ml95{margin-left:95px;}
        ._ml96{margin-left:96px;}
        ._ml97{margin-left:97px;}
        ._ml98{margin-left:98px;}
        ._ml99{margin-left:99px;}
        ._mr0{margin-right:0px;}
        ._mr1{margin-right:1px;}
        ._mr2{margin-right:2px;}
        ._mr3{margin-right:3px;}
        ._mr4{margin-right:4px;}
        ._mr5{margin-right:5px;}
        ._mr6{margin-right:6px;}
        ._mr7{margin-right:7px;}
        ._mr8{margin-right:8px;}
        ._mr9{margin-right:9px;}
        ._mr10{margin-right:10px;}
        ._mr11{margin-right:11px;}
        ._mr12{margin-right:12px;}
        ._mr13{margin-right:13px;}
        ._mr14{margin-right:14px;}
        ._mr15{margin-right:15px;}
        ._mr16{margin-right:16px;}
        ._mr17{margin-right:17px;}
        ._mr18{margin-right:18px;}
        ._mr19{margin-right:19px;}
        ._mr20{margin-right:20px;}
        ._mr21{margin-right:21px;}
        ._mr22{margin-right:22px;}
        ._mr23{margin-right:23px;}
        ._mr24{margin-right:24px;}
        ._mr25{margin-right:25px;}
        ._mr26{margin-right:26px;}
        ._mr27{margin-right:27px;}
        ._mr28{margin-right:28px;}
        ._mr29{margin-right:29px;}
        ._mr30{margin-right:30px;}
        ._mr31{margin-right:31px;}
        ._mr32{margin-right:32px;}
        ._mr33{margin-right:33px;}
        ._mr34{margin-right:34px;}
        ._mr35{margin-right:35px;}
        ._mr36{margin-right:36px;}
        ._mr37{margin-right:37px;}
        ._mr38{margin-right:38px;}
        ._mr39{margin-right:39px;}
        ._mr40{margin-right:40px;}
        ._mr41{margin-right:41px;}
        ._mr42{margin-right:42px;}
        ._mr43{margin-right:43px;}
        ._mr44{margin-right:44px;}
        ._mr45{margin-right:45px;}
        ._mr46{margin-right:46px;}
        ._mr47{margin-right:47px;}
        ._mr48{margin-right:48px;}
        ._mr49{margin-right:49px;}
        ._mr50{margin-right:50px;}
        ._mr51{margin-right:51px;}
        ._mr52{margin-right:52px;}
        ._mr53{margin-right:53px;}
        ._mr54{margin-right:54px;}
        ._mr55{margin-right:55px;}
        ._mr56{margin-right:56px;}
        ._mr57{margin-right:57px;}
        ._mr58{margin-right:58px;}
        ._mr59{margin-right:59px;}
        ._mr60{margin-right:60px;}
        ._mr61{margin-right:61px;}
        ._mr62{margin-right:62px;}
        ._mr63{margin-right:63px;}
        ._mr64{margin-right:64px;}
        ._mr65{margin-right:65px;}
        ._mr66{margin-right:66px;}
        ._mr67{margin-right:67px;}
        ._mr68{margin-right:68px;}
        ._mr69{margin-right:69px;}
        ._mr70{margin-right:70px;}
        ._mr71{margin-right:71px;}
        ._mr72{margin-right:72px;}
        ._mr73{margin-right:73px;}
        ._mr74{margin-right:74px;}
        ._mr75{margin-right:75px;}
        ._mr76{margin-right:76px;}
        ._mr77{margin-right:77px;}
        ._mr78{margin-right:78px;}
        ._mr79{margin-right:79px;}
        ._mr80{margin-right:80px;}
        ._mr81{margin-right:81px;}
        ._mr82{margin-right:82px;}
        ._mr83{margin-right:83px;}
        ._mr84{margin-right:84px;}
        ._mr85{margin-right:85px;}
        ._mr86{margin-right:86px;}
        ._mr87{margin-right:87px;}
        ._mr88{margin-right:88px;}
        ._mr89{margin-right:89px;}
        ._mr90{margin-right:90px;}
        ._mr91{margin-right:91px;}
        ._mr92{margin-right:92px;}
        ._mr93{margin-right:93px;}
        ._mr94{margin-right:94px;}
        ._mr95{margin-right:95px;}
        ._mr96{margin-right:96px;}
        ._mr97{margin-right:97px;}
        ._mr98{margin-right:98px;}
        ._mr99{margin-right:99px;}
        ._pl0{padding-left:0px;}
        ._pl1{padding-left:1px;}
        ._pl2{padding-left:2px;}
        ._pl3{padding-left:3px;}
        ._pl4{padding-left:4px;}
        ._pl5{padding-left:5px;}
        ._pl6{padding-left:6px;}
        ._pl7{padding-left:7px;}
        ._pl8{padding-left:8px;}
        ._pl9{padding-left:9px;}
        ._pl10{padding-left:10px;}
        ._pl11{padding-left:11px;}
        ._pl12{padding-left:12px;}
        ._pl13{padding-left:13px;}
        ._pl14{padding-left:14px;}
        ._pl15{padding-left:15px;}
        ._pl16{padding-left:16px;}
        ._pl17{padding-left:17px;}
        ._pl18{padding-left:18px;}
        ._pl19{padding-left:19px;}
        ._pl20{padding-left:20px;}
        ._pl21{padding-left:21px;}
        ._pl22{padding-left:22px;}
        ._pl23{padding-left:23px;}
        ._pl24{padding-left:24px;}
        ._pl25{padding-left:25px;}
        ._pl26{padding-left:26px;}
        ._pl27{padding-left:27px;}
        ._pl28{padding-left:28px;}
        ._pl29{padding-left:29px;}
        ._pl30{padding-left:30px;}
        ._pl31{padding-left:31px;}
        ._pl32{padding-left:32px;}
        ._pl33{padding-left:33px;}
        ._pl34{padding-left:34px;}
        ._pl35{padding-left:35px;}
        ._pl36{padding-left:36px;}
        ._pl37{padding-left:37px;}
        ._pl38{padding-left:38px;}
        ._pl39{padding-left:39px;}
        ._pl40{padding-left:40px;}
        ._pl41{padding-left:41px;}
        ._pl42{padding-left:42px;}
        ._pl43{padding-left:43px;}
        ._pl44{padding-left:44px;}
        ._pl45{padding-left:45px;}
        ._pl46{padding-left:46px;}
        ._pl47{padding-left:47px;}
        ._pl48{padding-left:48px;}
        ._pl49{padding-left:49px;}
        ._pl50{padding-left:50px;}
        ._pl51{padding-left:51px;}
        ._pl52{padding-left:52px;}
        ._pl53{padding-left:53px;}
        ._pl54{padding-left:54px;}
        ._pl55{padding-left:55px;}
        ._pl56{padding-left:56px;}
        ._pl57{padding-left:57px;}
        ._pl58{padding-left:58px;}
        ._pl59{padding-left:59px;}
        ._pl60{padding-left:60px;}
        ._pl61{padding-left:61px;}
        ._pl62{padding-left:62px;}
        ._pl63{padding-left:63px;}
        ._pl64{padding-left:64px;}
        ._pl65{padding-left:65px;}
        ._pl66{padding-left:66px;}
        ._pl67{padding-left:67px;}
        ._pl68{padding-left:68px;}
        ._pl69{padding-left:69px;}
        ._pl70{padding-left:70px;}
        ._pl71{padding-left:71px;}
        ._pl72{padding-left:72px;}
        ._pl73{padding-left:73px;}
        ._pl74{padding-left:74px;}
        ._pl75{padding-left:75px;}
        ._pl76{padding-left:76px;}
        ._pl77{padding-left:77px;}
        ._pl78{padding-left:78px;}
        ._pl79{padding-left:79px;}
        ._pl80{padding-left:80px;}
        ._pl81{padding-left:81px;}
        ._pl82{padding-left:82px;}
        ._pl83{padding-left:83px;}
        ._pl84{padding-left:84px;}
        ._pl85{padding-left:85px;}
        ._pl86{padding-left:86px;}
        ._pl87{padding-left:87px;}
        ._pl88{padding-left:88px;}
        ._pl89{padding-left:89px;}
        ._pl90{padding-left:90px;}
        ._pl91{padding-left:91px;}
        ._pl92{padding-left:92px;}
        ._pl93{padding-left:93px;}
        ._pl94{padding-left:94px;}
        ._pl95{padding-left:95px;}
        ._pl96{padding-left:96px;}
        ._pl97{padding-left:97px;}
        ._pl98{padding-left:98px;}
        ._pl99{padding-left:99px;}
        ._pr0{padding-right:0px;}
        ._pr1{padding-right:1px;}
        ._pr2{padding-right:2px;}
        ._pr3{padding-right:3px;}
        ._pr4{padding-right:4px;}
        ._pr5{padding-right:5px;}
        ._pr6{padding-right:6px;}
        ._pr7{padding-right:7px;}
        ._pr8{padding-right:8px;}
        ._pr9{padding-right:9px;}
        ._pr10{padding-right:10px;}
        ._pr11{padding-right:11px;}
        ._pr12{padding-right:12px;}
        ._pr13{padding-right:13px;}
        ._pr14{padding-right:14px;}
        ._pr15{padding-right:15px;}
        ._pr16{padding-right:16px;}
        ._pr17{padding-right:17px;}
        ._pr18{padding-right:18px;}
        ._pr19{padding-right:19px;}
        ._pr20{padding-right:20px;}
        ._pr21{padding-right:21px;}
        ._pr22{padding-right:22px;}
        ._pr23{padding-right:23px;}
        ._pr24{padding-right:24px;}
        ._pr25{padding-right:25px;}
        ._pr26{padding-right:26px;}
        ._pr27{padding-right:27px;}
        ._pr28{padding-right:28px;}
        ._pr29{padding-right:29px;}
        ._pr30{padding-right:30px;}
        ._pr31{padding-right:31px;}
        ._pr32{padding-right:32px;}
        ._pr33{padding-right:33px;}
        ._pr34{padding-right:34px;}
        ._pr35{padding-right:35px;}
        ._pr36{padding-right:36px;}
        ._pr37{padding-right:37px;}
        ._pr38{padding-right:38px;}
        ._pr39{padding-right:39px;}
        ._pr40{padding-right:40px;}
        ._pr41{padding-right:41px;}
        ._pr42{padding-right:42px;}
        ._pr43{padding-right:43px;}
        ._pr44{padding-right:44px;}
        ._pr45{padding-right:45px;}
        ._pr46{padding-right:46px;}
        ._pr47{padding-right:47px;}
        ._pr48{padding-right:48px;}
        ._pr49{padding-right:49px;}
        ._pr50{padding-right:50px;}
        ._pr51{padding-right:51px;}
        ._pr52{padding-right:52px;}
        ._pr53{padding-right:53px;}
        ._pr54{padding-right:54px;}
        ._pr55{padding-right:55px;}
        ._pr56{padding-right:56px;}
        ._pr57{padding-right:57px;}
        ._pr58{padding-right:58px;}
        ._pr59{padding-right:59px;}
        ._pr60{padding-right:60px;}
        ._pr61{padding-right:61px;}
        ._pr62{padding-right:62px;}
        ._pr63{padding-right:63px;}
        ._pr64{padding-right:64px;}
        ._pr65{padding-right:65px;}
        ._pr66{padding-right:66px;}
        ._pr67{padding-right:67px;}
        ._pr68{padding-right:68px;}
        ._pr69{padding-right:69px;}
        ._pr70{padding-right:70px;}
        ._pr71{padding-right:71px;}
        ._pr72{padding-right:72px;}
        ._pr73{padding-right:73px;}
        ._pr74{padding-right:74px;}
        ._pr75{padding-right:75px;}
        ._pr76{padding-right:76px;}
        ._pr77{padding-right:77px;}
        ._pr78{padding-right:78px;}
        ._pr79{padding-right:79px;}
        ._pr80{padding-right:80px;}
        ._pr81{padding-right:81px;}
        ._pr82{padding-right:82px;}
        ._pr83{padding-right:83px;}
        ._pr84{padding-right:84px;}
        ._pr85{padding-right:85px;}
        ._pr86{padding-right:86px;}
        ._pr87{padding-right:87px;}
        ._pr88{padding-right:88px;}
        ._pr89{padding-right:89px;}
        ._pr90{padding-right:90px;}
        ._pr91{padding-right:91px;}
        ._pr92{padding-right:92px;}
        ._pr93{padding-right:93px;}
        ._pr94{padding-right:94px;}
        ._pr95{padding-right:95px;}
        ._pr96{padding-right:96px;}
        ._pr97{padding-right:97px;}
        ._pr98{padding-right:98px;}
        ._pr99{padding-right:99px;}
        ._pb0{padding-bottom:0px;}
        ._pb1{padding-bottom:1px;}
        ._pb2{padding-bottom:2px;}
        ._pb3{padding-bottom:3px;}
        ._pb4{padding-bottom:4px;}
        ._pb5{padding-bottom:5px;}
        ._pb6{padding-bottom:6px;}
        ._pb7{padding-bottom:7px;}
        ._pb8{padding-bottom:8px;}
        ._pb9{padding-bottom:9px;}
        ._pb10{padding-bottom:10px;}
        ._pb11{padding-bottom:11px;}
        ._pb12{padding-bottom:12px;}
        ._pb13{padding-bottom:13px;}
        ._pb14{padding-bottom:14px;}
        ._pb15{padding-bottom:15px;}
        ._pb16{padding-bottom:16px;}
        ._pb17{padding-bottom:17px;}
        ._pb18{padding-bottom:18px;}
        ._pb19{padding-bottom:19px;}
        ._pb20{padding-bottom:20px;}
        ._pb21{padding-bottom:21px;}
        ._pb22{padding-bottom:22px;}
        ._pb23{padding-bottom:23px;}
        ._pb24{padding-bottom:24px;}
        ._pb25{padding-bottom:25px;}
        ._pb26{padding-bottom:26px;}
        ._pb27{padding-bottom:27px;}
        ._pb28{padding-bottom:28px;}
        ._pb29{padding-bottom:29px;}
        ._pb30{padding-bottom:30px;}
        ._pb31{padding-bottom:31px;}
        ._pb32{padding-bottom:32px;}
        ._pb33{padding-bottom:33px;}
        ._pb34{padding-bottom:34px;}
        ._pb35{padding-bottom:35px;}
        ._pb36{padding-bottom:36px;}
        ._pb37{padding-bottom:37px;}
        ._pb38{padding-bottom:38px;}
        ._pb39{padding-bottom:39px;}
        ._pb40{padding-bottom:40px;}
        ._pb41{padding-bottom:41px;}
        ._pb42{padding-bottom:42px;}
        ._pb43{padding-bottom:43px;}
        ._pb44{padding-bottom:44px;}
        ._pb45{padding-bottom:45px;}
        ._pb46{padding-bottom:46px;}
        ._pb47{padding-bottom:47px;}
        ._pb48{padding-bottom:48px;}
        ._pb49{padding-bottom:49px;}
        ._pb50{padding-bottom:50px;}
        ._pb51{padding-bottom:51px;}
        ._pb52{padding-bottom:52px;}
        ._pb53{padding-bottom:53px;}
        ._pb54{padding-bottom:54px;}
        ._pb55{padding-bottom:55px;}
        ._pb56{padding-bottom:56px;}
        ._pb57{padding-bottom:57px;}
        ._pb58{padding-bottom:58px;}
        ._pb59{padding-bottom:59px;}
        ._pb60{padding-bottom:60px;}
        ._pb61{padding-bottom:61px;}
        ._pb62{padding-bottom:62px;}
        ._pb63{padding-bottom:63px;}
        ._pb64{padding-bottom:64px;}
        ._pb65{padding-bottom:65px;}
        ._pb66{padding-bottom:66px;}
        ._pb67{padding-bottom:67px;}
        ._pb68{padding-bottom:68px;}
        ._pb69{padding-bottom:69px;}
        ._pb70{padding-bottom:70px;}
        ._pb71{padding-bottom:71px;}
        ._pb72{padding-bottom:72px;}
        ._pb73{padding-bottom:73px;}
        ._pb74{padding-bottom:74px;}
        ._pb75{padding-bottom:75px;}
        ._pb76{padding-bottom:76px;}
        ._pb77{padding-bottom:77px;}
        ._pb78{padding-bottom:78px;}
        ._pb79{padding-bottom:79px;}
        ._pb80{padding-bottom:80px;}
        ._pb81{padding-bottom:81px;}
        ._pb82{padding-bottom:82px;}
        ._pb83{padding-bottom:83px;}
        ._pb84{padding-bottom:84px;}
        ._pb85{padding-bottom:85px;}
        ._pb86{padding-bottom:86px;}
        ._pb87{padding-bottom:87px;}
        ._pb88{padding-bottom:88px;}
        ._pb89{padding-bottom:89px;}
        ._pb90{padding-bottom:90px;}
        ._pb91{padding-bottom:91px;}
        ._pb92{padding-bottom:92px;}
        ._pb93{padding-bottom:93px;}
        ._pb94{padding-bottom:94px;}
        ._pb95{padding-bottom:95px;}
        ._pb96{padding-bottom:96px;}
        ._pb97{padding-bottom:97px;}
        ._pb98{padding-bottom:98px;}
        ._pb99{padding-bottom:99px;}
        /* Font weight scale */
        ._fw100{font-weight:100;}
        ._fw200{font-weight:200;}
        ._fw300{font-weight:300;}
        ._fw400{font-weight:400;}
        ._fw500{font-weight:500;}
        ._fw600{font-weight:600;}
        ._fw700{font-weight:700;}
        ._fw800{font-weight:800;}
        ._fw900{font-weight:900;}
        /* Text transform & decoration */
        ._ttnone{text-transform:none;}
        ._ttuppercase{text-transform:uppercase;}
        ._ttlowercase{text-transform:lowercase;}
        ._ttcapitalize{text-transform:capitalize;}
        ._tdnone{text-decoration:none;}
        ._tdunderline{text-decoration:underline;}
        ._tdline-through{text-decoration:line-through;}
        ._tdoverline{text-decoration:overline;}
        /* Position utilities */
        ._posstatic{position:static;}
        ._posrelative{position:relative;}
        ._posabsolute{position:absolute;}
        ._posfixed{position:fixed;}
        ._possticky{position:sticky;}
        /* Display utilities */
        ._dblock{display:block;}
        ._dinline{display:inline;}
        ._dinline-block{display:inline-block;}
        ._dflex{display:flex;}
        ._dgrid{display:grid;}
        ._dtable{display:table;}
        ._dtable-cell{display:table-cell;}
        ._dnone{display:none;}
        /* Float utilities */
        ._flleft{float:left;}
        ._flright{float:right;}
        ._flnone{float:none;}
        /* Clear utilities */
        ._clleft{clear:left;}
        ._clright{clear:right;}
        ._clboth{clear:both;}
        ._clnone{clear:none;}
        /* Overflow utilities */
        ._ovvisible{overflow:visible;}
        ._ovhidden{overflow:hidden;}
        ._ovscroll{overflow:scroll;}
        ._ovauto{overflow:auto;}
        /* Text align utilities */
        ._taleft{text-align:left;}
        ._tacenter{text-align:center;}
        ._taright{text-align:right;}
        ._tajustify{text-align:justify;}
        /* Vertical align utilities */
        ._vabaseline{vertical-align:baseline;}
        ._vatop{vertical-align:top;}
        ._vamiddle{vertical-align:middle;}
        ._vabottom{vertical-align:bottom;}
        ._vasub{vertical-align:sub;}
        ._vasuper{vertical-align:super;}
        /* White space utilities */
        ._wsnormal{white-space:normal;}
        ._wsnowrap{white-space:nowrap;}
        ._wspre{white-space:pre;}
        ._wspre-wrap{white-space:pre-wrap;}
        ._wspre-line{white-space:pre-line;}
        /* Word break utilities */
        ._wbnormal{word-break:normal;}
        ._wbbreak-all{word-break:break-all;}
        ._wbbreak-word{word-break:break-word;}
        ._wbkeep-all{word-break:keep-all;}
        /* Cursor utilities */
        ._curdefault{cursor:default;}
        ._curpointer{cursor:pointer;}
        ._curtext{cursor:text;}
        ._curmove{cursor:move;}
        ._curnot-allowed{cursor:not-allowed;}
        ._curwait{cursor:wait;}
        ._curhelp{cursor:help;}
        ._curcrosshair{cursor:crosshair;}
        /* User select utilities */
        ._usnone{user-select:none;}
        ._usauto{user-select:auto;}
        ._ustext{user-select:text;}
        ._usall{user-select:all;}
        /* Pointer events utilities */
        ._peauto{pointer-events:auto;}
        ._penone{pointer-events:none;}
        /* Transform utilities */
        ._rot0{transform:rotate(0deg);}
        ._rot5{transform:rotate(5deg);}
        ._rot10{transform:rotate(10deg);}
        ._rot15{transform:rotate(15deg);}
        ._rot20{transform:rotate(20deg);}
        ._rot25{transform:rotate(25deg);}
        ._rot30{transform:rotate(30deg);}
        ._rot35{transform:rotate(35deg);}
        ._rot40{transform:rotate(40deg);}
        ._rot45{transform:rotate(45deg);}
        ._rot50{transform:rotate(50deg);}
        ._rot55{transform:rotate(55deg);}
        ._rot60{transform:rotate(60deg);}
        ._rot65{transform:rotate(65deg);}
        ._rot70{transform:rotate(70deg);}
        ._rot75{transform:rotate(75deg);}
        ._rot80{transform:rotate(80deg);}
        ._rot85{transform:rotate(85deg);}
        ._rot90{transform:rotate(90deg);}
        ._rot95{transform:rotate(95deg);}
        ._scale0{transform:scale(0.5);}
        ._scale1{transform:scale(0.6);}
        ._scale2{transform:scale(0.7);}
        ._scale3{transform:scale(0.8);}
        ._scale4{transform:scale(0.9);}
        ._scale5{transform:scale(1);}
        ._scale6{transform:scale(1.1);}
        ._scale7{transform:scale(1.2);}
        ._scale8{transform:scale(1.3);}
        ._scale9{transform:scale(1.4);}
        ._scale10{transform:scale(1.5);}
        ._scale11{transform:scale(1.6);}
        ._scale12{transform:scale(1.7);}
        ._scale13{transform:scale(1.8);}
        ._scale14{transform:scale(1.9);}
        ._scale15{transform:scale(2);}
        ._scale16{transform:scale(2.1);}
        ._scale17{transform:scale(2.2);}
        ._scale18{transform:scale(2.3);}
        ._scale19{transform:scale(2.4);}
        /* Filter utilities */
        ._blur0{filter:blur(0px);}
        ._blur1{filter:blur(1px);}
        ._blur2{filter:blur(2px);}
        ._blur3{filter:blur(3px);}
        ._blur4{filter:blur(4px);}
        ._blur5{filter:blur(5px);}
        ._blur6{filter:blur(6px);}
        ._blur7{filter:blur(7px);}
        ._blur8{filter:blur(8px);}
        ._blur9{filter:blur(9px);}
        ._blur10{filter:blur(10px);}
        ._bright50{filter:brightness(50%);}
        ._bright55{filter:brightness(55%);}
        ._bright60{filter:brightness(60%);}
        ._bright65{filter:brightness(65%);}
        ._bright70{filter:brightness(70%);}
        ._bright75{filter:brightness(75%);}
        ._bright80{filter:brightness(80%);}
        ._bright85{filter:brightness(85%);}
        ._bright90{filter:brightness(90%);}
        ._bright95{filter:brightness(95%);}
        ._bright100{filter:brightness(100%);}
        ._bright105{filter:brightness(105%);}
        ._bright110{filter:brightness(110%);}
        ._bright115{filter:brightness(115%);}
        ._bright120{filter:brightness(120%);}
        ._bright125{filter:brightness(125%);}
        ._bright130{filter:brightness(130%);}
        ._bright135{filter:brightness(135%);}
        ._bright140{filter:brightness(140%);}
        ._bright145{filter:brightness(145%);}
        ._bright150{filter:brightness(150%);}
        /* Box shadow utilities */
        ._shadow0{box-shadow:0 0px 0px rgba(0,0,0,0);}
        ._shadow1{box-shadow:0 2px 4px rgba(0,0,0,0.1);}
        ._shadow2{box-shadow:0 4px 8px rgba(0,0,0,0.2);}
        ._shadow3{box-shadow:0 6px 12px rgba(0,0,0,0.3);}
        ._shadow4{box-shadow:0 8px 16px rgba(0,0,0,0.4);}
        ._shadow5{box-shadow:0 10px 20px rgba(0,0,0,0.5);}
        ._shadow6{box-shadow:0 12px 24px rgba(0,0,0,0.6);}
        ._shadow7{box-shadow:0 14px 28px rgba(0,0,0,0.7);}
        ._shadow8{box-shadow:0 16px 32px rgba(0,0,0,0.8);}
        ._shadow9{box-shadow:0 18px 36px rgba(0,0,0,0.9);}
        /* Border utilities */
        ._b0{border:0px solid #000;}
        ._b1{border:1px solid #000;}
        ._b2{border:2px solid #000;}
        ._b3{border:3px solid #000;}
        ._b4{border:4px solid #000;}
        ._b5{border:5px solid #000;}
        ._bssolid{border-style:solid;}
        ._bsdashed{border-style:dashed;}
        ._bsdotted{border-style:dotted;}
        ._bsdouble{border-style:double;}
        ._bsnone{border-style:none;}
        /* Background utilities */
        ._bg0{background-color:#000000;}
        ._bg1{background-color:#0c0c0c;}
        ._bg2{background-color:#181818;}
        ._bg3{background-color:#242424;}
        ._bg4{background-color:#303030;}
        ._bg5{background-color:#3c3c3c;}
        ._bg6{background-color:#484848;}
        ._bg7{background-color:#545454;}
        ._bg8{background-color:#606060;}
        ._bg9{background-color:#6c6c6c;}
        ._bg10{background-color:#787878;}
        ._bg11{background-color:#848484;}
        ._bg12{background-color:#909090;}
        ._bg13{background-color:#9c9c9c;}
        ._bg14{background-color:#a8a8a8;}
        ._bg15{background-color:#b4b4b4;}
        ._bg16{background-color:#c0c0c0;}
        ._bg17{background-color:#cccccc;}
        ._bg18{background-color:#d8d8d8;}
        ._bg19{background-color:#e4e4e4;}
        /* Additional media queries */
        @media (min-width:200px){._mq200{display:block;}}
        @media (min-width:250px){._mq250{display:block;}}
        @media (min-width:300px){._mq300{display:block;}}
        @media (min-width:350px){._mq350{display:block;}}
        @media (min-width:400px){._mq400{display:block;}}
        @media (min-width:450px){._mq450{display:block;}}
        @media (min-width:500px){._mq500{display:block;}}
        @media (min-width:550px){._mq550{display:block;}}
        @media (min-width:600px){._mq600{display:block;}}
        @media (min-width:650px){._mq650{display:block;}}
        @media (min-width:700px){._mq700{display:block;}}
        @media (min-width:750px){._mq750{display:block;}}
        @media (min-width:800px){._mq800{display:block;}}
        @media (min-width:850px){._mq850{display:block;}}
        @media (min-width:900px){._mq900{display:block;}}
        @media (min-width:950px){._mq950{display:block;}}
        @media (min-width:1000px){._mq1000{display:block;}}
        @media (min-width:1050px){._mq1050{display:block;}}
        @media (min-width:1100px){._mq1100{display:block;}}
        @media (min-width:1150px){._mq1150{display:block;}}
        @media (min-width:1200px){._mq1200{display:block;}}
        @media (min-width:1250px){._mq1250{display:block;}}
        @media (min-width:1300px){._mq1300{display:block;}}
        @media (min-width:1350px){._mq1350{display:block;}}
        @media (min-width:1400px){._mq1400{display:block;}}
        @media (min-width:1450px){._mq1450{display:block;}}
        @media (min-width:1500px){._mq1500{display:block;}}
        @media (min-width:1550px){._mq1550{display:block;}}
        @media (min-width:1600px){._mq1600{display:block;}}
        @media (min-width:1650px){._mq1650{display:block;}}
        @media (min-width:1700px){._mq1700{display:block;}}
        @media (min-width:1750px){._mq1750{display:block;}}
        @media (min-width:1800px){._mq1800{display:block;}}
        @media (min-width:1850px){._mq1850{display:block;}}
        @media (min-width:1900px){._mq1900{display:block;}}
        @media (min-width:1950px){._mq1950{display:block;}}
        @media (min-width:2000px){._mq2000{display:block;}}
        @media (max-width:200px){._mqmax200{display:none;}}
        @media (max-width:250px){._mqmax250{display:none;}}
        @media (max-width:300px){._mqmax300{display:none;}}
        @media (max-width:350px){._mqmax350{display:none;}}
        @media (max-width:400px){._mqmax400{display:none;}}
        @media (max-width:450px){._mqmax450{display:none;}}
        @media (max-width:500px){._mqmax500{display:none;}}
        @media (max-width:550px){._mqmax550{display:none;}}
        @media (max-width:600px){._mqmax600{display:none;}}
        @media (max-width:650px){._mqmax650{display:none;}}
        @media (max-width:700px){._mqmax700{display:none;}}
        @media (max-width:750px){._mqmax750{display:none;}}
        @media (max-width:800px){._mqmax800{display:none;}}
        @media (max-width:850px){._mqmax850{display:none;}}
        @media (max-width:900px){._mqmax900{display:none;}}
        @media (max-width:950px){._mqmax950{display:none;}}
        @media (max-width:1000px){._mqmax1000{display:none;}}
        @media (max-width:1050px){._mqmax1050{display:none;}}
        @media (max-width:1100px){._mqmax1100{display:none;}}
        @media (max-width:1150px){._mqmax1150{display:none;}}
        @media (max-width:1200px){._mqmax1200{display:none;}}
        @media (max-width:1250px){._mqmax1250{display:none;}}
        @media (max-width:1300px){._mqmax1300{display:none;}}
        @media (max-width:1350px){._mqmax1350{display:none;}}
        @media (max-width:1400px){._mqmax1400{display:none;}}
        @media (max-width:1450px){._mqmax1450{display:none;}}
        @media (max-width:1500px){._mqmax1500{display:none;}}
        @media (max-width:1550px){._mqmax1550{display:none;}}
        @media (max-width:1600px){._mqmax1600{display:none;}}
        @media (max-width:1650px){._mqmax1650{display:none;}}
        @media (max-width:1700px){._mqmax1700{display:none;}}
        @media (max-width:1750px){._mqmax1750{display:none;}}
        @media (max-width:1800px){._mqmax1800{display:none;}}
        @media (max-width:1850px){._mqmax1850{display:none;}}
        @media (max-width:1900px){._mqmax1900{display:none;}}
        @media (max-width:1950px){._mqmax1950{display:none;}}
        @media (max-width:2000px){._mqmax2000{display:none;}}
        /* Print styles */
        @media print{.noprint{display:none;}.printonly{display:block;}}
        /* Dark mode support */
        @media (prefers-color-scheme:dark){._dark{color:#fff;background:#000;}}
        @media (prefers-color-scheme:light){._light{color:#000;background:#fff;}}
        /* High contrast mode */
        @media (prefers-contrast:high){._hcontrast{border:2px solid;}}
        /* Reduced motion */
        @media (prefers-reduced-motion:reduce){._motion{animation:none;transition:none;}}
        /* Additional animation utilities */
        ._delay0{animation-delay:0s;}
        ._delay1{animation-delay:0.1s;}
        ._delay2{animation-delay:0.2s;}
        ._delay3{animation-delay:0.3s;}
        ._delay4{animation-delay:0.4s;}
        ._delay5{animation-delay:0.5s;}
        ._delay6{animation-delay:0.6s;}
        ._delay7{animation-delay:0.7s;}
        ._delay8{animation-delay:0.8s;}
        ._delay9{animation-delay:0.9s;}
        ._delay10{animation-delay:1s;}
        ._delay11{animation-delay:1.1s;}
        ._delay12{animation-delay:1.2s;}
        ._delay13{animation-delay:1.3s;}
        ._delay14{animation-delay:1.4s;}
        ._delay15{animation-delay:1.5s;}
        ._delay16{animation-delay:1.6s;}
        ._delay17{animation-delay:1.7s;}
        ._delay18{animation-delay:1.8s;}
        ._delay19{animation-delay:1.9s;}
        ._delay20{animation-delay:2s;}
        ._delay21{animation-delay:2.1s;}
        ._delay22{animation-delay:2.2s;}
        ._delay23{animation-delay:2.3s;}
        ._delay24{animation-delay:2.4s;}
        ._delay25{animation-delay:2.5s;}
        ._delay26{animation-delay:2.6s;}
        ._delay27{animation-delay:2.7s;}
        ._delay28{animation-delay:2.8s;}
        ._delay29{animation-delay:2.9s;}
        ._iter1{animation-iteration-count:1;}
        ._iter2{animation-iteration-count:2;}
        ._iter3{animation-iteration-count:3;}
        ._iter4{animation-iteration-count:4;}
        ._iter5{animation-iteration-count:5;}
        ._iter6{animation-iteration-count:6;}
        ._iter7{animation-iteration-count:7;}
        ._iter8{animation-iteration-count:8;}
        ._iter9{animation-iteration-count:9;}
        ._iter10{animation-iteration-count:10;}
        /* Flex direction utilities */
        ._fdrow{flex-direction:row;}
        ._fdcolumn{flex-direction:column;}
        ._fdrow-reverse{flex-direction:row-reverse;}
        ._fdcolumn-reverse{flex-direction:column-reverse;}
        /* Flex wrap utilities */
        ._fwnowrap{flex-wrap:nowrap;}
        ._fwwrap{flex-wrap:wrap;}
        ._fwwrap-reverse{flex-wrap:wrap-reverse;}
        /* Justify content utilities */
        ._jcflexstart{justify-content:flex-start;}
        ._jcflexend{justify-content:flex-end;}
        ._jccenter{justify-content:center;}
        ._jcspacebetween{justify-content:space-between;}
        ._jcspacearound{justify-content:space-around;}
        ._jcspaceevenly{justify-content:space-evenly;}
        /* Align items utilities */
        ._aiflexstart{align-items:flex-start;}
        ._aiflexend{align-items:flex-end;}
        ._aicenter{align-items:center;}
        ._aibaseline{align-items:baseline;}
        ._aistretch{align-items:stretch;}
        /* Grid template columns */
        ._gtc1{grid-template-columns:repeat(1,1fr);}
        ._gtc2{grid-template-columns:repeat(2,1fr);}
        ._gtc3{grid-template-columns:repeat(3,1fr);}
        ._gtc4{grid-template-columns:repeat(4,1fr);}
        ._gtc5{grid-template-columns:repeat(5,1fr);}
        ._gtc6{grid-template-columns:repeat(6,1fr);}
        ._gtc7{grid-template-columns:repeat(7,1fr);}
        ._gtc8{grid-template-columns:repeat(8,1fr);}
        ._gtc9{grid-template-columns:repeat(9,1fr);}
        ._gtc10{grid-template-columns:repeat(10,1fr);}
        ._gtc11{grid-template-columns:repeat(11,1fr);}
        ._gtc12{grid-template-columns:repeat(12,1fr);}
        /* Grid template rows */
        ._gtr1{grid-template-rows:repeat(1,1fr);}
        ._gtr2{grid-template-rows:repeat(2,1fr);}
        ._gtr3{grid-template-rows:repeat(3,1fr);}
        ._gtr4{grid-template-rows:repeat(4,1fr);}
        ._gtr5{grid-template-rows:repeat(5,1fr);}
        ._gtr6{grid-template-rows:repeat(6,1fr);}
        ._gtr7{grid-template-rows:repeat(7,1fr);}
        ._gtr8{grid-template-rows:repeat(8,1fr);}
        ._gtr9{grid-template-rows:repeat(9,1fr);}
        ._gtr10{grid-template-rows:repeat(10,1fr);}
        ._gtr11{grid-template-rows:repeat(11,1fr);}
        ._gtr12{grid-template-rows:repeat(12,1fr);}
        /* Gap utilities */
        ._gap0{gap:0px;}
        ._gap2{gap:2px;}
        ._gap4{gap:4px;}
        ._gap6{gap:6px;}
        ._gap8{gap:8px;}
        ._gap10{gap:10px;}
        ._gap12{gap:12px;}
        ._gap14{gap:14px;}
        ._gap16{gap:16px;}
        ._gap18{gap:18px;}
        ._gap20{gap:20px;}
        ._gap22{gap:22px;}
        ._gap24{gap:24px;}
        ._gap26{gap:26px;}
        ._gap28{gap:28px;}
        ._gap30{gap:30px;}
        ._gap32{gap:32px;}
        ._gap34{gap:34px;}
        ._gap36{gap:36px;}
        ._gap38{gap:38px;}
        ._gap40{gap:40px;}
        ._gap42{gap:42px;}
        ._gap44{gap:44px;}
        ._gap46{gap:46px;}
        ._gap48{gap:48px;}
        ._gap50{gap:50px;}
        /* Object fit utilities */
        ._offill{object-fit:fill;}
        ._ofcontain{object-fit:contain;}
        ._ofcover{object-fit:cover;}
        ._ofnone{object-fit:none;}
        ._ofscale-down{object-fit:scale-down;}
        /* Object position utilities */
        ._opcenter{object-position:center;}
        ._optop{object-position:top;}
        ._opbottom{object-position:bottom;}
        ._opleft{object-position:left;}
        ._opright{object-position:right;}
        /* Additional width utilities */
        ._w0p{width:0%;}
        ._w5p{width:5%;}
        ._w10p{width:10%;}
        ._w15p{width:15%;}
        ._w20p{width:20%;}
        ._w25p{width:25%;}
        ._w30p{width:30%;}
        ._w35p{width:35%;}
        ._w40p{width:40%;}
        ._w45p{width:45%;}
        ._w50p{width:50%;}
        ._w55p{width:55%;}
        ._w60p{width:60%;}
        ._w65p{width:65%;}
        ._w70p{width:70%;}
        ._w75p{width:75%;}
        ._w80p{width:80%;}
        ._w85p{width:85%;}
        ._w90p{width:90%;}
        ._w95p{width:95%;}
        ._w100p{width:100%;}
        /* Additional height utilities */
        ._h0p{height:0%;}
        ._h5p{height:5%;}
        ._h10p{height:10%;}
        ._h15p{height:15%;}
        ._h20p{height:20%;}
        ._h25p{height:25%;}
        ._h30p{height:30%;}
        ._h35p{height:35%;}
        ._h40p{height:40%;}
        ._h45p{height:45%;}
        ._h50p{height:50%;}
        ._h55p{height:55%;}
        ._h60p{height:60%;}
        ._h65p{height:65%;}
        ._h70p{height:70%;}
        ._h75p{height:75%;}
        ._h80p{height:80%;}
        ._h85p{height:85%;}
        ._h90p{height:90%;}
        ._h95p{height:95%;}
        ._h100p{height:100%;}
        /* Min/Max width utilities */
        ._minw0{min-width:0px;}
        ._minw50{min-width:50px;}
        ._minw100{min-width:100px;}
        ._minw150{min-width:150px;}
        ._minw200{min-width:200px;}
        ._minw250{min-width:250px;}
        ._minw300{min-width:300px;}
        ._minw350{min-width:350px;}
        ._minw400{min-width:400px;}
        ._minw450{min-width:450px;}
        ._minw500{min-width:500px;}
        ._minw550{min-width:550px;}
        ._minw600{min-width:600px;}
        ._minw650{min-width:650px;}
        ._minw700{min-width:700px;}
        ._minw750{min-width:750px;}
        ._minw800{min-width:800px;}
        ._minw850{min-width:850px;}
        ._minw900{min-width:900px;}
        ._minw950{min-width:950px;}
        ._minw1000{min-width:1000px;}
        ._minw1050{min-width:1050px;}
        ._minw1100{min-width:1100px;}
        ._minw1150{min-width:1150px;}
        ._minw1200{min-width:1200px;}
        ._minw1250{min-width:1250px;}
        ._minw1300{min-width:1300px;}
        ._minw1350{min-width:1350px;}
        ._minw1400{min-width:1400px;}
        ._minw1450{min-width:1450px;}
        ._minw1500{min-width:1500px;}
        ._minw1550{min-width:1550px;}
        ._minw1600{min-width:1600px;}
        ._minw1650{min-width:1650px;}
        ._minw1700{min-width:1700px;}
        ._minw1750{min-width:1750px;}
        ._minw1800{min-width:1800px;}
        ._minw1850{min-width:1850px;}
        ._minw1900{min-width:1900px;}
        ._minw1950{min-width:1950px;}
        ._minw2000{min-width:2000px;}
        ._maxw0{max-width:0px;}
        ._maxw50{max-width:50px;}
        ._maxw100{max-width:100px;}
        ._maxw150{max-width:150px;}
        ._maxw200{max-width:200px;}
        ._maxw250{max-width:250px;}
        ._maxw300{max-width:300px;}
        ._maxw350{max-width:350px;}
        ._maxw400{max-width:400px;}
        ._maxw450{max-width:450px;}
        ._maxw500{max-width:500px;}
        ._maxw550{max-width:550px;}
        ._maxw600{max-width:600px;}
        ._maxw650{max-width:650px;}
        ._maxw700{max-width:700px;}
        ._maxw750{max-width:750px;}
        ._maxw800{max-width:800px;}
        ._maxw850{max-width:850px;}
        ._maxw900{max-width:900px;}
        ._maxw950{max-width:950px;}
        ._maxw1000{max-width:1000px;}
        ._maxw1050{max-width:1050px;}
        ._maxw1100{max-width:1100px;}
        ._maxw1150{max-width:1150px;}
        ._maxw1200{max-width:1200px;}
        ._maxw1250{max-width:1250px;}
        ._maxw1300{max-width:1300px;}
        ._maxw1350{max-width:1350px;}
        ._maxw1400{max-width:1400px;}
        ._maxw1450{max-width:1450px;}
        ._maxw1500{max-width:1500px;}
        ._maxw1550{max-width:1550px;}
        ._maxw1600{max-width:1600px;}
        ._maxw1650{max-width:1650px;}
        ._maxw1700{max-width:1700px;}
        ._maxw1750{max-width:1750px;}
        ._maxw1800{max-width:1800px;}
        ._maxw1850{max-width:1850px;}
        ._maxw1900{max-width:1900px;}
        ._maxw1950{max-width:1950px;}
        ._maxw2000{max-width:2000px;}
        /* Min/Max height utilities */
        ._minh0{min-height:0px;}
        ._minh50{min-height:50px;}
        ._minh100{min-height:100px;}
        ._minh150{min-height:150px;}
        ._minh200{min-height:200px;}
        ._minh250{min-height:250px;}
        ._minh300{min-height:300px;}
        ._minh350{min-height:350px;}
        ._minh400{min-height:400px;}
        ._minh450{min-height:450px;}
        ._minh500{min-height:500px;}
        ._minh550{min-height:550px;}
        ._minh600{min-height:600px;}
        ._minh650{min-height:650px;}
        ._minh700{min-height:700px;}
        ._minh750{min-height:750px;}
        ._minh800{min-height:800px;}
        ._minh850{min-height:850px;}
        ._minh900{min-height:900px;}
        ._minh950{min-height:950px;}
        ._minh1000{min-height:1000px;}
        ._minh1050{min-height:1050px;}
        ._minh1100{min-height:1100px;}
        ._minh1150{min-height:1150px;}
        ._minh1200{min-height:1200px;}
        ._minh1250{min-height:1250px;}
        ._minh1300{min-height:1300px;}
        ._minh1350{min-height:1350px;}
        ._minh1400{min-height:1400px;}
        ._minh1450{min-height:1450px;}
        ._minh1500{min-height:1500px;}
        ._minh1550{min-height:1550px;}
        ._minh1600{min-height:1600px;}
        ._minh1650{min-height:1650px;}
        ._minh1700{min-height:1700px;}
        ._minh1750{min-height:1750px;}
        ._minh1800{min-height:1800px;}
        ._minh1850{min-height:1850px;}
        ._minh1900{min-height:1900px;}
        ._minh1950{min-height:1950px;}
        ._minh2000{min-height:2000px;}
        ._maxh0{max-height:0px;}
        ._maxh50{max-height:50px;}
        ._maxh100{max-height:100px;}
        ._maxh150{max-height:150px;}
        ._maxh200{max-height:200px;}
        ._maxh250{max-height:250px;}
        ._maxh300{max-height:300px;}
        ._maxh350{max-height:350px;}
        ._maxh400{max-height:400px;}
        ._maxh450{max-height:450px;}
        ._maxh500{max-height:500px;}
        ._maxh550{max-height:550px;}
        ._maxh600{max-height:600px;}
        ._maxh650{max-height:650px;}
        ._maxh700{max-height:700px;}
        ._maxh750{max-height:750px;}
        ._maxh800{max-height:800px;}
        ._maxh850{max-height:850px;}
        ._maxh900{max-height:900px;}
        ._maxh950{max-height:950px;}
        ._maxh1000{max-height:1000px;}
        ._maxh1050{max-height:1050px;}
        ._maxh1100{max-height:1100px;}
        ._maxh1150{max-height:1150px;}
        ._maxh1200{max-height:1200px;}
        ._maxh1250{max-height:1250px;}
        ._maxh1300{max-height:1300px;}
        ._maxh1350{max-height:1350px;}
        ._maxh1400{max-height:1400px;}
        ._maxh1450{max-height:1450px;}
        ._maxh1500{max-height:1500px;}
        ._maxh1550{max-height:1550px;}
        ._maxh1600{max-height:1600px;}
        ._maxh1650{max-height:1650px;}
        ._maxh1700{max-height:1700px;}
        ._maxh1750{max-height:1750px;}
        ._maxh1800{max-height:1800px;}
        ._maxh1850{max-height:1850px;}
        ._maxh1900{max-height:1900px;}
        ._maxh1950{max-height:1950px;}
        ._maxh2000{max-height:2000px;}
        /* Additional color utilities */
        ._cred{color:red;}
        ._cgreen{color:green;}
        ._cblue{color:blue;}
        ._cyellow{color:yellow;}
        ._corange{color:orange;}
        ._cpurple{color:purple;}
        ._cpink{color:pink;}
        ._ccyan{color:cyan;}
        ._cmagenta{color:magenta;}
        ._cblack{color:black;}
        ._cwhite{color:white;}
        ._cgray{color:gray;}
        ._bgred{background-color:red;}
        ._bggreen{background-color:green;}
        ._bgblue{background-color:blue;}
        ._bgyellow{background-color:yellow;}
        ._bgorange{background-color:orange;}
        ._bgpurple{background-color:purple;}
        ._bgpink{background-color:pink;}
        ._bgcyan{background-color:cyan;}
        ._bgmagenta{background-color:magenta;}
        ._bgblack{background-color:black;}
        ._bgwhite{background-color:white;}
        ._bggray{background-color:gray;}
        /* Border color utilities */
        ._bcred{border-color:red;}
        ._bcgreen{border-color:green;}
        ._bcblue{border-color:blue;}
        ._bcyellow{border-color:yellow;}
        ._bcorange{border-color:orange;}
        ._bcpurple{border-color:purple;}
        ._bcpink{border-color:pink;}
        ._bccyan{border-color:cyan;}
        ._bcmagenta{border-color:magenta;}
        ._bcblack{border-color:black;}
        ._bcwhite{border-color:white;}
        ._bcgray{border-color:gray;}
        /* Additional z-index utilities */
        ._z0{z-index:0;}
        ._z5{z-index:5;}
        ._z10{z-index:10;}
        ._z15{z-index:15;}
        ._z20{z-index:20;}
        ._z25{z-index:25;}
        ._z30{z-index:30;}
        ._z35{z-index:35;}
        ._z40{z-index:40;}
        ._z45{z-index:45;}
        ._z50{z-index:50;}
        ._z55{z-index:55;}
        ._z60{z-index:60;}
        ._z65{z-index:65;}
        ._z70{z-index:70;}
        ._z75{z-index:75;}
        ._z80{z-index:80;}
        ._z85{z-index:85;}
        ._z90{z-index:90;}
        ._z95{z-index:95;}
        ._z100{z-index:100;}
        /* Line height scale */
        ._lh0{line-height:1;}
        ._lh1{line-height:1.1;}
        ._lh2{line-height:1.2;}
        ._lh3{line-height:1.3;}
        ._lh4{line-height:1.4;}
        ._lh5{line-height:1.5;}
        ._lh6{line-height:1.6;}
        ._lh7{line-height:1.7;}
        ._lh8{line-height:1.8;}
        ._lh9{line-height:1.9;}
        ._lh10{line-height:2;}
        ._lh11{line-height:2.1;}
        ._lh12{line-height:2.2;}
        ._lh13{line-height:2.3;}
        ._lh14{line-height:2.4;}
        ._lh15{line-height:2.5;}
        ._lh16{line-height:2.6;}
        ._lh17{line-height:2.7;}
        ._lh18{line-height:2.8;}
        ._lh19{line-height:2.9;}
        ._lh20{line-height:3;}
        ._lh21{line-height:3.1;}
        ._lh22{line-height:3.2;}
        ._lh23{line-height:3.3;}
        ._lh24{line-height:3.4;}
        ._lh25{line-height:3.5;}
        ._lh26{line-height:3.6;}
        ._lh27{line-height:3.7;}
        ._lh28{line-height:3.8;}
        ._lh29{line-height:3.9;}
        ._lh30{line-height:4;}
        ._lh31{line-height:4.1;}
        ._lh32{line-height:4.2;}
        ._lh33{line-height:4.3;}
        ._lh34{line-height:4.4;}
        ._lh35{line-height:4.5;}
        ._lh36{line-height:4.6;}
        ._lh37{line-height:4.7;}
        ._lh38{line-height:4.8;}
        ._lh39{line-height:4.9;}
        ._lh40{line-height:5;}
        ._lh41{line-height:5.1;}
        ._lh42{line-height:5.2;}
        ._lh43{line-height:5.3;}
        ._lh44{line-height:5.4;}
        ._lh45{line-height:5.5;}
        ._lh46{line-height:5.6;}
        ._lh47{line-height:5.7;}
        ._lh48{line-height:5.8;}
        ._lh49{line-height:5.9;}
        ._lh50{line-height:6;}
        /* Letter spacing scale */
        ._ls-5{letter-spacing:-0.5em;}
        ._ls-4{letter-spacing:-0.4em;}
        ._ls-3{letter-spacing:-0.3em;}
        ._ls-2{letter-spacing:-0.2em;}
        ._ls-1{letter-spacing:-0.1em;}
        ._ls0{letter-spacing:0em;}
        ._ls1{letter-spacing:0.1em;}
        ._ls2{letter-spacing:0.2em;}
        ._ls3{letter-spacing:0.3em;}
        ._ls4{letter-spacing:0.4em;}
        ._ls5{letter-spacing:0.5em;}
        /* Word spacing scale */
        ._ws0{word-spacing:0em;}
        ._ws1{word-spacing:0.1em;}
        ._ws2{word-spacing:0.2em;}
        ._ws3{word-spacing:0.3em;}
        ._ws4{word-spacing:0.4em;}
        ._ws5{word-spacing:0.5em;}
        ._ws6{word-spacing:0.6em;}
        ._ws7{word-spacing:0.7em;}
        ._ws8{word-spacing:0.8em;}
        ._ws9{word-spacing:0.9em;}
        ._ws10{word-spacing:1em;}
        /* Text indent utilities */
        ._ti0{text-indent:0px;}
        ._ti5{text-indent:5px;}
        ._ti10{text-indent:10px;}
        ._ti15{text-indent:15px;}
        ._ti20{text-indent:20px;}
        ._ti25{text-indent:25px;}
        ._ti30{text-indent:30px;}
        ._ti35{text-indent:35px;}
        ._ti40{text-indent:40px;}
        ._ti45{text-indent:45px;}
        ._ti50{text-indent:50px;}
        ._ti55{text-indent:55px;}
        ._ti60{text-indent:60px;}
        ._ti65{text-indent:65px;}
        ._ti70{text-indent:70px;}
        ._ti75{text-indent:75px;}
        ._ti80{text-indent:80px;}
        ._ti85{text-indent:85px;}
        ._ti90{text-indent:90px;}
        ._ti95{text-indent:95px;}
        ._ti100{text-indent:100px;}
        /* Text shadow utilities */
        ._ts0{text-shadow:0 0px 0px rgba(0,0,0,0.5);}
        ._ts1{text-shadow:0 1px 2px rgba(0,0,0,0.5);}
        ._ts2{text-shadow:0 2px 4px rgba(0,0,0,0.5);}
        ._ts3{text-shadow:0 3px 6px rgba(0,0,0,0.5);}
        ._ts4{text-shadow:0 4px 8px rgba(0,0,0,0.5);}
        ._ts5{text-shadow:0 5px 10px rgba(0,0,0,0.5);}
        ._ts6{text-shadow:0 6px 12px rgba(0,0,0,0.5);}
        ._ts7{text-shadow:0 7px 14px rgba(0,0,0,0.5);}
        ._ts8{text-shadow:0 8px 16px rgba(0,0,0,0.5);}
        ._ts9{text-shadow:0 9px 18px rgba(0,0,0,0.5);}
        ._ts10{text-shadow:0 10px 20px rgba(0,0,0,0.5);}
        /* Backdrop filter utilities */
        ._bf0{backdrop-filter:blur(0px);}
        ._bf1{backdrop-filter:blur(1px);}
        ._bf2{backdrop-filter:blur(2px);}
        ._bf3{backdrop-filter:blur(3px);}
        ._bf4{backdrop-filter:blur(4px);}
        ._bf5{backdrop-filter:blur(5px);}
        ._bf6{backdrop-filter:blur(6px);}
        ._bf7{backdrop-filter:blur(7px);}
        ._bf8{backdrop-filter:blur(8px);}
        ._bf9{backdrop-filter:blur(9px);}
        ._bf10{backdrop-filter:blur(10px);}
        ._bf11{backdrop-filter:blur(11px);}
        ._bf12{backdrop-filter:blur(12px);}
        ._bf13{backdrop-filter:blur(13px);}
        ._bf14{backdrop-filter:blur(14px);}
        ._bf15{backdrop-filter:blur(15px);}
        ._bf16{backdrop-filter:blur(16px);}
        ._bf17{backdrop-filter:blur(17px);}
        ._bf18{backdrop-filter:blur(18px);}
        ._bf19{backdrop-filter:blur(19px);}
        ._bf20{backdrop-filter:blur(20px);}
        /* Clip path utilities */
        ._clipnone{clip-path:none;}
        ._clipinset0{clip-path:inset(0);}
        ._clipcircle50{clip-path:circle(50%);}
        ._clipellipse5050{clip-path:ellipse(50% 50%);}
        /* Will change utilities */
        ._wcauto{will-change:auto;}
        ._wcscrollposition{will-change:scroll-position;}
        ._wccontents{will-change:contents;}
        ._wctransform{will-change:transform;}
        ._wcopacity{will-change:opacity;}
        /* Additional transition utilities */
        ._tdur0{transition-duration:0s;}
        ._tdur1{transition-duration:0.1s;}
        ._tdur2{transition-duration:0.2s;}
        ._tdur3{transition-duration:0.3s;}
        ._tdur4{transition-duration:0.4s;}
        ._tdur5{transition-duration:0.5s;}
        ._tdur6{transition-duration:0.6s;}
        ._tdur7{transition-duration:0.7s;}
        ._tdur8{transition-duration:0.8s;}
        ._tdur9{transition-duration:0.9s;}
        ._tdur10{transition-duration:1s;}
        ._tdur11{transition-duration:1.1s;}
        ._tdur12{transition-duration:1.2s;}
        ._tdur13{transition-duration:1.3s;}
        ._tdur14{transition-duration:1.4s;}
        ._tdur15{transition-duration:1.5s;}
        ._tdur16{transition-duration:1.6s;}
        ._tdur17{transition-duration:1.7s;}
        ._tdur18{transition-duration:1.8s;}
        ._tdur19{transition-duration:1.9s;}
        ._tdur20{transition-duration:2s;}
        /* Transition timing functions */
        ._ttfease{transition-timing-function:ease;}
        ._ttflinear{transition-timing-function:linear;}
        ._ttfeasein{transition-timing-function:ease-in;}
        ._ttfeaseout{transition-timing-function:ease-out;}
        ._ttfeaseinout{transition-timing-function:ease-in-out;}
        ._ttfstepstart{transition-timing-function:step-start;}
        ._ttfstepend{transition-timing-function:step-end;}
        /* Additional keyframe animations */
@keyframes fade0{0%{opacity:0;}100%{opacity:1;}}
        ._fade0{animation:fade0 1s ease-in-out;}
@keyframes fade1{0%{opacity:0;}100%{opacity:1;}}
        ._fade1{animation:fade1 1s ease-in-out;}
@keyframes fade2{0%{opacity:0;}100%{opacity:1;}}
        ._fade2{animation:fade2 1s ease-in-out;}
@keyframes fade3{0%{opacity:0;}100%{opacity:1;}}
        ._fade3{animation:fade3 1s ease-in-out;}
@keyframes fade4{0%{opacity:0;}100%{opacity:1;}}
        ._fade4{animation:fade4 1s ease-in-out;}
@keyframes fade5{0%{opacity:0;}100%{opacity:1;}}
        ._fade5{animation:fade5 1s ease-in-out;}
@keyframes fade6{0%{opacity:0;}100%{opacity:1;}}
        ._fade6{animation:fade6 1s ease-in-out;}
@keyframes fade7{0%{opacity:0;}100%{opacity:1;}}
        ._fade7{animation:fade7 1s ease-in-out;}
@keyframes fade8{0%{opacity:0;}100%{opacity:1;}}
        ._fade8{animation:fade8 1s ease-in-out;}
@keyframes fade9{0%{opacity:0;}100%{opacity:1;}}
        ._fade9{animation:fade9 1s ease-in-out;}
@keyframes fade10{0%{opacity:0;}100%{opacity:1;}}
        ._fade10{animation:fade10 1s ease-in-out;}
@keyframes fade11{0%{opacity:0;}100%{opacity:1;}}
        ._fade11{animation:fade11 1s ease-in-out;}
@keyframes fade12{0%{opacity:0;}100%{opacity:1;}}
        ._fade12{animation:fade12 1s ease-in-out;}
@keyframes fade13{0%{opacity:0;}100%{opacity:1;}}
        ._fade13{animation:fade13 1s ease-in-out;}
@keyframes fade14{0%{opacity:0;}100%{opacity:1;}}
        ._fade14{animation:fade14 1s ease-in-out;}
@keyframes fade15{0%{opacity:0;}100%{opacity:1;}}
        ._fade15{animation:fade15 1s ease-in-out;}
@keyframes fade16{0%{opacity:0;}100%{opacity:1;}}
        ._fade16{animation:fade16 1s ease-in-out;}
@keyframes fade17{0%{opacity:0;}100%{opacity:1;}}
        ._fade17{animation:fade17 1s ease-in-out;}
@keyframes fade18{0%{opacity:0;}100%{opacity:1;}}
        ._fade18{animation:fade18 1s ease-in-out;}
@keyframes fade19{0%{opacity:0;}100%{opacity:1;}}
        ._fade19{animation:fade19 1s ease-in-out;}
@keyframes slide0{0%{transform:translateX(-100%);}100%{transform:translateX(0);}}
        ._slide0{animation:slide0 0.5s ease-out;}
@keyframes slide1{0%{transform:translateX(-100%);}100%{transform:translateX(0);}}
        ._slide1{animation:slide1 0.5s ease-out;}
@keyframes slide2{0%{transform:translateX(-100%);}100%{transform:translateX(0);}}
        ._slide2{animation:slide2 0.5s ease-out;}
@keyframes slide3{0%{transform:translateX(-100%);}100%{transform:translateX(0);}}
        ._slide3{animation:slide3 0.5s ease-out;}
@keyframes slide4{0%{transform:translateX(-100%);}100%{transform:translateX(0);}}
        ._slide4{animation:slide4 0.5s ease-out;}
@keyframes slide5{0%{transform:translateX(-100%);}100%{transform:translateX(0);}}
        ._slide5{animation:slide5 0.5s ease-out;}
@keyframes slide6{0%{transform:translateX(-100%);}100%{transform:translateX(0);}}
        ._slide6{animation:slide6 0.5s ease-out;}
@keyframes slide7{0%{transform:translateX(-100%);}100%{transform:translateX(0);}}
        ._slide7{animation:slide7 0.5s ease-out;}
@keyframes slide8{0%{transform:translateX(-100%);}100%{transform:translateX(0);}}
        ._slide8{animation:slide8 0.5s ease-out;}
@keyframes slide9{0%{transform:translateX(-100%);}100%{transform:translateX(0);}}
        ._slide9{animation:slide9 0.5s ease-out;}
@keyframes slide10{0%{transform:translateX(-100%);}100%{transform:translateX(0);}}
        ._slide10{animation:slide10 0.5s ease-out;}
@keyframes slide11{0%{transform:translateX(-100%);}100%{transform:translateX(0);}}
        ._slide11{animation:slide11 0.5s ease-out;}
@keyframes slide12{0%{transform:translateX(-100%);}100%{transform:translateX(0);}}
        ._slide12{animation:slide12 0.5s ease-out;}
@keyframes slide13{0%{transform:translateX(-100%);}100%{transform:translateX(0);}}
        ._slide13{animation:slide13 0.5s ease-out;}
@keyframes slide14{0%{transform:translateX(-100%);}100%{transform:translateX(0);}}
        ._slide14{animation:slide14 0.5s ease-out;}
@keyframes slide15{0%{transform:translateX(-100%);}100%{transform:translateX(0);}}
        ._slide15{animation:slide15 0.5s ease-out;}
@keyframes slide16{0%{transform:translateX(-100%);}100%{transform:translateX(0);}}
        ._slide16{animation:slide16 0.5s ease-out;}
@keyframes slide17{0%{transform:translateX(-100%);}100%{transform:translateX(0);}}
        ._slide17{animation:slide17 0.5s ease-out;}
@keyframes slide18{0%{transform:translateX(-100%);}100%{transform:translateX(0);}}
        ._slide18{animation:slide18 0.5s ease-out;}
@keyframes slide19{0%{transform:translateX(-100%);}100%{transform:translateX(0);}}
        ._slide19{animation:slide19 0.5s ease-out;}
        /* Additional animations */
@keyframes bounce0{0%,100%{transform:translateY(0);}50%{transform:translateY(-0px);}}
        ._bounce0{animation:bounce0 1s infinite;}
@keyframes bounce1{0%,100%{transform:translateY(0);}50%{transform:translateY(-1px);}}
        ._bounce1{animation:bounce1 1s infinite;}
@keyframes bounce2{0%,100%{transform:translateY(0);}50%{transform:translateY(-2px);}}
        ._bounce2{animation:bounce2 1s infinite;}
@keyframes bounce3{0%,100%{transform:translateY(0);}50%{transform:translateY(-3px);}}
        ._bounce3{animation:bounce3 1s infinite;}
@keyframes bounce4{0%,100%{transform:translateY(0);}50%{transform:translateY(-4px);}}
        ._bounce4{animation:bounce4 1s infinite;}
@keyframes bounce5{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}
        ._bounce5{animation:bounce5 1s infinite;}
@keyframes bounce6{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}
        ._bounce6{animation:bounce6 1s infinite;}
@keyframes bounce7{0%,100%{transform:translateY(0);}50%{transform:translateY(-7px);}}
        ._bounce7{animation:bounce7 1s infinite;}
@keyframes bounce8{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}
        ._bounce8{animation:bounce8 1s infinite;}
@keyframes bounce9{0%,100%{transform:translateY(0);}50%{transform:translateY(-9px);}}
        ._bounce9{animation:bounce9 1s infinite;}
@keyframes bounce10{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}
        ._bounce10{animation:bounce10 1s infinite;}
@keyframes bounce11{0%,100%{transform:translateY(0);}50%{transform:translateY(-11px);}}
        ._bounce11{animation:bounce11 1s infinite;}
@keyframes bounce12{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}
        ._bounce12{animation:bounce12 1s infinite;}
@keyframes bounce13{0%,100%{transform:translateY(0);}50%{transform:translateY(-13px);}}
        ._bounce13{animation:bounce13 1s infinite;}
@keyframes bounce14{0%,100%{transform:translateY(0);}50%{transform:translateY(-14px);}}
        ._bounce14{animation:bounce14 1s infinite;}
@keyframes bounce15{0%,100%{transform:translateY(0);}50%{transform:translateY(-15px);}}
        ._bounce15{animation:bounce15 1s infinite;}
@keyframes bounce16{0%,100%{transform:translateY(0);}50%{transform:translateY(-16px);}}
        ._bounce16{animation:bounce16 1s infinite;}
@keyframes bounce17{0%,100%{transform:translateY(0);}50%{transform:translateY(-17px);}}
        ._bounce17{animation:bounce17 1s infinite;}
@keyframes bounce18{0%,100%{transform:translateY(0);}50%{transform:translateY(-18px);}}
        ._bounce18{animation:bounce18 1s infinite;}
@keyframes bounce19{0%,100%{transform:translateY(0);}50%{transform:translateY(-19px);}}
        ._bounce19{animation:bounce19 1s infinite;}
@keyframes bounce20{0%,100%{transform:translateY(0);}50%{transform:translateY(-20px);}}
        ._bounce20{animation:bounce20 1s infinite;}
@keyframes bounce21{0%,100%{transform:translateY(0);}50%{transform:translateY(-21px);}}
        ._bounce21{animation:bounce21 1s infinite;}
@keyframes bounce22{0%,100%{transform:translateY(0);}50%{transform:translateY(-22px);}}
        ._bounce22{animation:bounce22 1s infinite;}
@keyframes bounce23{0%,100%{transform:translateY(0);}50%{transform:translateY(-23px);}}
        ._bounce23{animation:bounce23 1s infinite;}
@keyframes bounce24{0%,100%{transform:translateY(0);}50%{transform:translateY(-24px);}}
        ._bounce24{animation:bounce24 1s infinite;}
@keyframes bounce25{0%,100%{transform:translateY(0);}50%{transform:translateY(-25px);}}
        ._bounce25{animation:bounce25 1s infinite;}
@keyframes bounce26{0%,100%{transform:translateY(0);}50%{transform:translateY(-26px);}}
        ._bounce26{animation:bounce26 1s infinite;}
@keyframes bounce27{0%,100%{transform:translateY(0);}50%{transform:translateY(-27px);}}
        ._bounce27{animation:bounce27 1s infinite;}
@keyframes bounce28{0%,100%{transform:translateY(0);}50%{transform:translateY(-28px);}}
        ._bounce28{animation:bounce28 1s infinite;}
@keyframes bounce29{0%,100%{transform:translateY(0);}50%{transform:translateY(-29px);}}
        ._bounce29{animation:bounce29 1s infinite;}
@keyframes pulse0{0%,100%{opacity:1;}50%{opacity:0.5;}}
        ._pulse0{animation:pulse0 2s infinite;}
@keyframes pulse1{0%,100%{opacity:1;}50%{opacity:0.5;}}
        ._pulse1{animation:pulse1 2s infinite;}
@keyframes pulse2{0%,100%{opacity:1;}50%{opacity:0.5;}}
        ._pulse2{animation:pulse2 2s infinite;}
@keyframes pulse3{0%,100%{opacity:1;}50%{opacity:0.5;}}
        ._pulse3{animation:pulse3 2s infinite;}
@keyframes pulse4{0%,100%{opacity:1;}50%{opacity:0.5;}}
        ._pulse4{animation:pulse4 2s infinite;}
@keyframes pulse5{0%,100%{opacity:1;}50%{opacity:0.5;}}
        ._pulse5{animation:pulse5 2s infinite;}
@keyframes pulse6{0%,100%{opacity:1;}50%{opacity:0.5;}}
        ._pulse6{animation:pulse6 2s infinite;}
@keyframes pulse7{0%,100%{opacity:1;}50%{opacity:0.5;}}
        ._pulse7{animation:pulse7 2s infinite;}
@keyframes pulse8{0%,100%{opacity:1;}50%{opacity:0.5;}}
        ._pulse8{animation:pulse8 2s infinite;}
@keyframes pulse9{0%,100%{opacity:1;}50%{opacity:0.5;}}
        ._pulse9{animation:pulse9 2s infinite;}
@keyframes pulse10{0%,100%{opacity:1;}50%{opacity:0.5;}}
        ._pulse10{animation:pulse10 2s infinite;}
@keyframes pulse11{0%,100%{opacity:1;}50%{opacity:0.5;}}
        ._pulse11{animation:pulse11 2s infinite;}
@keyframes pulse12{0%,100%{opacity:1;}50%{opacity:0.5;}}
        ._pulse12{animation:pulse12 2s infinite;}
@keyframes pulse13{0%,100%{opacity:1;}50%{opacity:0.5;}}
        ._pulse13{animation:pulse13 2s infinite;}
@keyframes pulse14{0%,100%{opacity:1;}50%{opacity:0.5;}}
        ._pulse14{animation:pulse14 2s infinite;}
@keyframes pulse15{0%,100%{opacity:1;}50%{opacity:0.5;}}
        ._pulse15{animation:pulse15 2s infinite;}
@keyframes pulse16{0%,100%{opacity:1;}50%{opacity:0.5;}}
        ._pulse16{animation:pulse16 2s infinite;}
@keyframes pulse17{0%,100%{opacity:1;}50%{opacity:0.5;}}
        ._pulse17{animation:pulse17 2s infinite;}
@keyframes pulse18{0%,100%{opacity:1;}50%{opacity:0.5;}}
        ._pulse18{animation:pulse18 2s infinite;}
@keyframes pulse19{0%,100%{opacity:1;}50%{opacity:0.5;}}
        ._pulse19{animation:pulse19 2s infinite;}
@keyframes pulse20{0%,100%{opacity:1;}50%{opacity:0.5;}}
        ._pulse20{animation:pulse20 2s infinite;}
@keyframes pulse21{0%,100%{opacity:1;}50%{opacity:0.5;}}
        ._pulse21{animation:pulse21 2s infinite;}
@keyframes pulse22{0%,100%{opacity:1;}50%{opacity:0.5;}}
        ._pulse22{animation:pulse22 2s infinite;}
@keyframes pulse23{0%,100%{opacity:1;}50%{opacity:0.5;}}
        ._pulse23{animation:pulse23 2s infinite;}
@keyframes pulse24{0%,100%{opacity:1;}50%{opacity:0.5;}}
        ._pulse24{animation:pulse24 2s infinite;}
@keyframes pulse25{0%,100%{opacity:1;}50%{opacity:0.5;}}
        ._pulse25{animation:pulse25 2s infinite;}
@keyframes pulse26{0%,100%{opacity:1;}50%{opacity:0.5;}}
        ._pulse26{animation:pulse26 2s infinite;}
@keyframes pulse27{0%,100%{opacity:1;}50%{opacity:0.5;}}
        ._pulse27{animation:pulse27 2s infinite;}
@keyframes pulse28{0%,100%{opacity:1;}50%{opacity:0.5;}}
        ._pulse28{animation:pulse28 2s infinite;}
@keyframes pulse29{0%,100%{opacity:1;}50%{opacity:0.5;}}
        ._pulse29{animation:pulse29 2s infinite;}
@keyframes spin0{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
        ._spin0{animation:spin0 1s linear infinite;}
@keyframes spin1{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
        ._spin1{animation:spin1 1s linear infinite;}
@keyframes spin2{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
        ._spin2{animation:spin2 1s linear infinite;}
@keyframes spin3{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
        ._spin3{animation:spin3 1s linear infinite;}
@keyframes spin4{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
        ._spin4{animation:spin4 1s linear infinite;}
@keyframes spin5{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
        ._spin5{animation:spin5 1s linear infinite;}
@keyframes spin6{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
        ._spin6{animation:spin6 1s linear infinite;}
@keyframes spin7{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
        ._spin7{animation:spin7 1s linear infinite;}
@keyframes spin8{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
        ._spin8{animation:spin8 1s linear infinite;}
@keyframes spin9{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
        ._spin9{animation:spin9 1s linear infinite;}
@keyframes spin10{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
        ._spin10{animation:spin10 1s linear infinite;}
@keyframes spin11{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
        ._spin11{animation:spin11 1s linear infinite;}
@keyframes spin12{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
        ._spin12{animation:spin12 1s linear infinite;}
@keyframes spin13{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
        ._spin13{animation:spin13 1s linear infinite;}
@keyframes spin14{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
        ._spin14{animation:spin14 1s linear infinite;}
@keyframes spin15{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
        ._spin15{animation:spin15 1s linear infinite;}
@keyframes spin16{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
        ._spin16{animation:spin16 1s linear infinite;}
@keyframes spin17{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
        ._spin17{animation:spin17 1s linear infinite;}
@keyframes spin18{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
        ._spin18{animation:spin18 1s linear infinite;}
@keyframes spin19{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
        ._spin19{animation:spin19 1s linear infinite;}
@keyframes spin20{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
        ._spin20{animation:spin20 1s linear infinite;}
@keyframes spin21{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
        ._spin21{animation:spin21 1s linear infinite;}
@keyframes spin22{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
        ._spin22{animation:spin22 1s linear infinite;}
@keyframes spin23{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
        ._spin23{animation:spin23 1s linear infinite;}
@keyframes spin24{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
        ._spin24{animation:spin24 1s linear infinite;}
@keyframes spin25{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
        ._spin25{animation:spin25 1s linear infinite;}
@keyframes spin26{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
        ._spin26{animation:spin26 1s linear infinite;}
@keyframes spin27{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
        ._spin27{animation:spin27 1s linear infinite;}
@keyframes spin28{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
        ._spin28{animation:spin28 1s linear infinite;}
@keyframes spin29{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
        ._spin29{animation:spin29 1s linear infinite;}
        /* Gradient utilities */
        ._grad0{background:linear-gradient(0deg,#000,#fff);}
        ._grad10{background:linear-gradient(10deg,#000,#fff);}
        ._grad20{background:linear-gradient(20deg,#000,#fff);}
        ._grad30{background:linear-gradient(30deg,#000,#fff);}
        ._grad40{background:linear-gradient(40deg,#000,#fff);}
        ._grad50{background:linear-gradient(50deg,#000,#fff);}
        ._grad60{background:linear-gradient(60deg,#000,#fff);}
        ._grad70{background:linear-gradient(70deg,#000,#fff);}
        ._grad80{background:linear-gradient(80deg,#000,#fff);}
        ._grad90{background:linear-gradient(90deg,#000,#fff);}
        ._grad100{background:linear-gradient(100deg,#000,#fff);}
        ._grad110{background:linear-gradient(110deg,#000,#fff);}
        ._grad120{background:linear-gradient(120deg,#000,#fff);}
        ._grad130{background:linear-gradient(130deg,#000,#fff);}
        ._grad140{background:linear-gradient(140deg,#000,#fff);}
        ._grad150{background:linear-gradient(150deg,#000,#fff);}
        ._grad160{background:linear-gradient(160deg,#000,#fff);}
        ._grad170{background:linear-gradient(170deg,#000,#fff);}
        ._grad180{background:linear-gradient(180deg,#000,#fff);}
        ._grad190{background:linear-gradient(190deg,#000,#fff);}
        ._grad200{background:linear-gradient(200deg,#000,#fff);}
        ._grad210{background:linear-gradient(210deg,#000,#fff);}
        ._grad220{background:linear-gradient(220deg,#000,#fff);}
        ._grad230{background:linear-gradient(230deg,#000,#fff);}
        ._grad240{background:linear-gradient(240deg,#000,#fff);}
        ._grad250{background:linear-gradient(250deg,#000,#fff);}
        ._grad260{background:linear-gradient(260deg,#000,#fff);}
        ._grad270{background:linear-gradient(270deg,#000,#fff);}
        ._grad280{background:linear-gradient(280deg,#000,#fff);}
        ._grad290{background:linear-gradient(290deg,#000,#fff);}
        ._grad300{background:linear-gradient(300deg,#000,#fff);}
        ._grad310{background:linear-gradient(310deg,#000,#fff);}
        ._grad320{background:linear-gradient(320deg,#000,#fff);}
        ._grad330{background:linear-gradient(330deg,#000,#fff);}
        ._grad340{background:linear-gradient(340deg,#000,#fff);}
        ._grad350{background:linear-gradient(350deg,#000,#fff);}
        ._grad360{background:linear-gradient(360deg,#000,#fff);}
        ._grad370{background:linear-gradient(370deg,#000,#fff);}
        ._grad380{background:linear-gradient(380deg,#000,#fff);}
        ._grad390{background:linear-gradient(390deg,#000,#fff);}
        ._grad400{background:linear-gradient(400deg,#000,#fff);}
        ._grad410{background:linear-gradient(410deg,#000,#fff);}
        ._grad420{background:linear-gradient(420deg,#000,#fff);}
        ._grad430{background:linear-gradient(430deg,#000,#fff);}
        ._grad440{background:linear-gradient(440deg,#000,#fff);}
        ._grad450{background:linear-gradient(450deg,#000,#fff);}
        ._grad460{background:linear-gradient(460deg,#000,#fff);}
        ._grad470{background:linear-gradient(470deg,#000,#fff);}
        ._grad480{background:linear-gradient(480deg,#000,#fff);}
        ._grad490{background:linear-gradient(490deg,#000,#fff);}
        /* Border width scale */
        ._bw0{border-width:0px;}
        ._bw1{border-width:1px;}
        ._bw2{border-width:2px;}
        ._bw3{border-width:3px;}
        ._bw4{border-width:4px;}
        ._bw5{border-width:5px;}
        ._bw6{border-width:6px;}
        ._bw7{border-width:7px;}
        ._bw8{border-width:8px;}
        ._bw9{border-width:9px;}
        ._bw10{border-width:10px;}
        ._bw11{border-width:11px;}
        ._bw12{border-width:12px;}
        ._bw13{border-width:13px;}
        ._bw14{border-width:14px;}
        ._bw15{border-width:15px;}
        ._bw16{border-width:16px;}
        ._bw17{border-width:17px;}
        ._bw18{border-width:18px;}
        ._bw19{border-width:19px;}
        ._bw20{border-width:20px;}
        /* Border radius extended */
        ._br0{border-radius:0px;}
        ._br2{border-radius:2px;}
        ._br4{border-radius:4px;}
        ._br6{border-radius:6px;}
        ._br8{border-radius:8px;}
        ._br10{border-radius:10px;}
        ._br12{border-radius:12px;}
        ._br14{border-radius:14px;}
        ._br16{border-radius:16px;}
        ._br18{border-radius:18px;}
        ._br20{border-radius:20px;}
        ._br22{border-radius:22px;}
        ._br24{border-radius:24px;}
        ._br26{border-radius:26px;}
        ._br28{border-radius:28px;}
        ._br30{border-radius:30px;}
        ._br32{border-radius:32px;}
        ._br34{border-radius:34px;}
        ._br36{border-radius:36px;}
        ._br38{border-radius:38px;}
        ._br40{border-radius:40px;}
        ._br42{border-radius:42px;}
        ._br44{border-radius:44px;}
        ._br46{border-radius:46px;}
        ._br48{border-radius:48px;}
        ._br50{border-radius:50px;}
        ._br52{border-radius:52px;}
        ._br54{border-radius:54px;}
        ._br56{border-radius:56px;}
        ._br58{border-radius:58px;}
        ._br60{border-radius:60px;}
        ._br62{border-radius:62px;}
        ._br64{border-radius:64px;}
        ._br66{border-radius:66px;}
        ._br68{border-radius:68px;}
        ._br70{border-radius:70px;}
        ._br72{border-radius:72px;}
        ._br74{border-radius:74px;}
        ._br76{border-radius:76px;}
        ._br78{border-radius:78px;}
        ._br80{border-radius:80px;}
        ._br82{border-radius:82px;}
        ._br84{border-radius:84px;}
        ._br86{border-radius:86px;}
        ._br88{border-radius:88px;}
        ._br90{border-radius:90px;}
        ._br92{border-radius:92px;}
        ._br94{border-radius:94px;}
        ._br96{border-radius:96px;}
        ._br98{border-radius:98px;}
        ._br100{border-radius:100px;}
        /* Additional spacing combinations */
        ._m0_0{margin:0px 0px;}
        ._m0_1{margin:0px 1px;}
        ._m0_2{margin:0px 2px;}
        ._m0_3{margin:0px 3px;}
        ._m0_4{margin:0px 4px;}
        ._m0_5{margin:0px 5px;}
        ._m0_6{margin:0px 6px;}
        ._m0_7{margin:0px 7px;}
        ._m0_8{margin:0px 8px;}
        ._m0_9{margin:0px 9px;}
        ._m0_10{margin:0px 10px;}
        ._m0_11{margin:0px 11px;}
        ._m0_12{margin:0px 12px;}
        ._m0_13{margin:0px 13px;}
        ._m0_14{margin:0px 14px;}
        ._m0_15{margin:0px 15px;}
        ._m0_16{margin:0px 16px;}
        ._m0_17{margin:0px 17px;}
        ._m0_18{margin:0px 18px;}
        ._m0_19{margin:0px 19px;}
        ._m0_20{margin:0px 20px;}
        ._m1_0{margin:1px 0px;}
        ._m1_1{margin:1px 1px;}
        ._m1_2{margin:1px 2px;}
        ._m1_3{margin:1px 3px;}
        ._m1_4{margin:1px 4px;}
        ._m1_5{margin:1px 5px;}
        ._m1_6{margin:1px 6px;}
        ._m1_7{margin:1px 7px;}
        ._m1_8{margin:1px 8px;}
        ._m1_9{margin:1px 9px;}
        ._m1_10{margin:1px 10px;}
        ._m1_11{margin:1px 11px;}
        ._m1_12{margin:1px 12px;}
        ._m1_13{margin:1px 13px;}
        ._m1_14{margin:1px 14px;}
        ._m1_15{margin:1px 15px;}
        ._m1_16{margin:1px 16px;}
        ._m1_17{margin:1px 17px;}
        ._m1_18{margin:1px 18px;}
        ._m1_19{margin:1px 19px;}
        ._m1_20{margin:1px 20px;}
        ._m2_0{margin:2px 0px;}
        ._m2_1{margin:2px 1px;}
        ._m2_2{margin:2px 2px;}
        ._m2_3{margin:2px 3px;}
        ._m2_4{margin:2px 4px;}
        ._m2_5{margin:2px 5px;}
        ._m2_6{margin:2px 6px;}
        ._m2_7{margin:2px 7px;}
        ._m2_8{margin:2px 8px;}
        ._m2_9{margin:2px 9px;}
        ._m2_10{margin:2px 10px;}
        ._m2_11{margin:2px 11px;}
        ._m2_12{margin:2px 12px;}
        ._m2_13{margin:2px 13px;}
        ._m2_14{margin:2px 14px;}
        ._m2_15{margin:2px 15px;}
        ._m2_16{margin:2px 16px;}
        ._m2_17{margin:2px 17px;}
        ._m2_18{margin:2px 18px;}
        ._m2_19{margin:2px 19px;}
        ._m2_20{margin:2px 20px;}
        ._m3_0{margin:3px 0px;}
        ._m3_1{margin:3px 1px;}
        ._m3_2{margin:3px 2px;}
        ._m3_3{margin:3px 3px;}
        ._m3_4{margin:3px 4px;}
        ._m3_5{margin:3px 5px;}
        ._m3_6{margin:3px 6px;}
        ._m3_7{margin:3px 7px;}
        ._m3_8{margin:3px 8px;}
        ._m3_9{margin:3px 9px;}
        ._m3_10{margin:3px 10px;}
        ._m3_11{margin:3px 11px;}
        ._m3_12{margin:3px 12px;}
        ._m3_13{margin:3px 13px;}
        ._m3_14{margin:3px 14px;}
        ._m3_15{margin:3px 15px;}
        ._m3_16{margin:3px 16px;}
        ._m3_17{margin:3px 17px;}
        ._m3_18{margin:3px 18px;}
        ._m3_19{margin:3px 19px;}
        ._m3_20{margin:3px 20px;}
        ._m4_0{margin:4px 0px;}
        ._m4_1{margin:4px 1px;}
        ._m4_2{margin:4px 2px;}
        ._m4_3{margin:4px 3px;}
        ._m4_4{margin:4px 4px;}
        ._m4_5{margin:4px 5px;}
        ._m4_6{margin:4px 6px;}
        ._m4_7{margin:4px 7px;}
        ._m4_8{margin:4px 8px;}
        ._m4_9{margin:4px 9px;}
        ._m4_10{margin:4px 10px;}
        ._m4_11{margin:4px 11px;}
        ._m4_12{margin:4px 12px;}
        ._m4_13{margin:4px 13px;}
        ._m4_14{margin:4px 14px;}
        ._m4_15{margin:4px 15px;}
        ._m4_16{margin:4px 16px;}
        ._m4_17{margin:4px 17px;}
        ._m4_18{margin:4px 18px;}
        ._m4_19{margin:4px 19px;}
        ._m4_20{margin:4px 20px;}
        ._m5_0{margin:5px 0px;}
        ._m5_1{margin:5px 1px;}
        ._m5_2{margin:5px 2px;}
        ._m5_3{margin:5px 3px;}
        ._m5_4{margin:5px 4px;}
        ._m5_5{margin:5px 5px;}
        ._m5_6{margin:5px 6px;}
        ._m5_7{margin:5px 7px;}
        ._m5_8{margin:5px 8px;}
        ._m5_9{margin:5px 9px;}
        ._m5_10{margin:5px 10px;}
        ._m5_11{margin:5px 11px;}
        ._m5_12{margin:5px 12px;}
        ._m5_13{margin:5px 13px;}
        ._m5_14{margin:5px 14px;}
        ._m5_15{margin:5px 15px;}
        ._m5_16{margin:5px 16px;}
        ._m5_17{margin:5px 17px;}
        ._m5_18{margin:5px 18px;}
        ._m5_19{margin:5px 19px;}
        ._m5_20{margin:5px 20px;}
        ._m6_0{margin:6px 0px;}
        ._m6_1{margin:6px 1px;}
        ._m6_2{margin:6px 2px;}
        ._m6_3{margin:6px 3px;}
        ._m6_4{margin:6px 4px;}
        ._m6_5{margin:6px 5px;}
        ._m6_6{margin:6px 6px;}
        ._m6_7{margin:6px 7px;}
        ._m6_8{margin:6px 8px;}
        ._m6_9{margin:6px 9px;}
        ._m6_10{margin:6px 10px;}
        ._m6_11{margin:6px 11px;}
        ._m6_12{margin:6px 12px;}
        ._m6_13{margin:6px 13px;}
        ._m6_14{margin:6px 14px;}
        ._m6_15{margin:6px 15px;}
        ._m6_16{margin:6px 16px;}
        ._m6_17{margin:6px 17px;}
        ._m6_18{margin:6px 18px;}
        ._m6_19{margin:6px 19px;}
        ._m6_20{margin:6px 20px;}
        ._m7_0{margin:7px 0px;}
        ._m7_1{margin:7px 1px;}
        ._m7_2{margin:7px 2px;}
        ._m7_3{margin:7px 3px;}
        ._m7_4{margin:7px 4px;}
        ._m7_5{margin:7px 5px;}
        ._m7_6{margin:7px 6px;}
        ._m7_7{margin:7px 7px;}
        ._m7_8{margin:7px 8px;}
        ._m7_9{margin:7px 9px;}
        ._m7_10{margin:7px 10px;}
        ._m7_11{margin:7px 11px;}
        ._m7_12{margin:7px 12px;}
        ._m7_13{margin:7px 13px;}
        ._m7_14{margin:7px 14px;}
        ._m7_15{margin:7px 15px;}
        ._m7_16{margin:7px 16px;}
        ._m7_17{margin:7px 17px;}
        ._m7_18{margin:7px 18px;}
        ._m7_19{margin:7px 19px;}
        ._m7_20{margin:7px 20px;}
        ._m8_0{margin:8px 0px;}
        ._m8_1{margin:8px 1px;}
        ._m8_2{margin:8px 2px;}
        ._m8_3{margin:8px 3px;}
        ._m8_4{margin:8px 4px;}
        ._m8_5{margin:8px 5px;}
        ._m8_6{margin:8px 6px;}
        ._m8_7{margin:8px 7px;}
        ._m8_8{margin:8px 8px;}
        ._m8_9{margin:8px 9px;}
        ._m8_10{margin:8px 10px;}
        ._m8_11{margin:8px 11px;}
        ._m8_12{margin:8px 12px;}
        ._m8_13{margin:8px 13px;}
        ._m8_14{margin:8px 14px;}
        ._m8_15{margin:8px 15px;}
        ._m8_16{margin:8px 16px;}
        ._m8_17{margin:8px 17px;}
        ._m8_18{margin:8px 18px;}
        ._m8_19{margin:8px 19px;}
        ._m8_20{margin:8px 20px;}
        ._m9_0{margin:9px 0px;}
        ._m9_1{margin:9px 1px;}
        ._m9_2{margin:9px 2px;}
        ._m9_3{margin:9px 3px;}
        ._m9_4{margin:9px 4px;}
        ._m9_5{margin:9px 5px;}
        ._m9_6{margin:9px 6px;}
        ._m9_7{margin:9px 7px;}
        ._m9_8{margin:9px 8px;}
        ._m9_9{margin:9px 9px;}
        ._m9_10{margin:9px 10px;}
        ._m9_11{margin:9px 11px;}
        ._m9_12{margin:9px 12px;}
        ._m9_13{margin:9px 13px;}
        ._m9_14{margin:9px 14px;}
        ._m9_15{margin:9px 15px;}
        ._m9_16{margin:9px 16px;}
        ._m9_17{margin:9px 17px;}
        ._m9_18{margin:9px 18px;}
        ._m9_19{margin:9px 19px;}
        ._m9_20{margin:9px 20px;}
        ._m10_0{margin:10px 0px;}
        ._m10_1{margin:10px 1px;}
        ._m10_2{margin:10px 2px;}
        ._m10_3{margin:10px 3px;}
        ._m10_4{margin:10px 4px;}
        ._m10_5{margin:10px 5px;}
        ._m10_6{margin:10px 6px;}
        ._m10_7{margin:10px 7px;}
        ._m10_8{margin:10px 8px;}
        ._m10_9{margin:10px 9px;}
        ._m10_10{margin:10px 10px;}
        ._m10_11{margin:10px 11px;}
        ._m10_12{margin:10px 12px;}
        ._m10_13{margin:10px 13px;}
        ._m10_14{margin:10px 14px;}
        ._m10_15{margin:10px 15px;}
        ._m10_16{margin:10px 16px;}
        ._m10_17{margin:10px 17px;}
        ._m10_18{margin:10px 18px;}
        ._m10_19{margin:10px 19px;}
        ._m10_20{margin:10px 20px;}
        ._m11_0{margin:11px 0px;}
        ._m11_1{margin:11px 1px;}
        ._m11_2{margin:11px 2px;}
        ._m11_3{margin:11px 3px;}
        ._m11_4{margin:11px 4px;}
        ._m11_5{margin:11px 5px;}
        ._m11_6{margin:11px 6px;}
        ._m11_7{margin:11px 7px;}
        ._m11_8{margin:11px 8px;}
        ._m11_9{margin:11px 9px;}
        ._m11_10{margin:11px 10px;}
        ._m11_11{margin:11px 11px;}
        ._m11_12{margin:11px 12px;}
        ._m11_13{margin:11px 13px;}
        ._m11_14{margin:11px 14px;}
        ._m11_15{margin:11px 15px;}
        ._m11_16{margin:11px 16px;}
        ._m11_17{margin:11px 17px;}
        ._m11_18{margin:11px 18px;}
        ._m11_19{margin:11px 19px;}
        ._m11_20{margin:11px 20px;}
        ._m12_0{margin:12px 0px;}
        ._m12_1{margin:12px 1px;}
        ._m12_2{margin:12px 2px;}
        ._m12_3{margin:12px 3px;}
        ._m12_4{margin:12px 4px;}
        ._m12_5{margin:12px 5px;}
        ._m12_6{margin:12px 6px;}
        ._m12_7{margin:12px 7px;}
        ._m12_8{margin:12px 8px;}
        ._m12_9{margin:12px 9px;}
        ._m12_10{margin:12px 10px;}
        ._m12_11{margin:12px 11px;}
        ._m12_12{margin:12px 12px;}
        ._m12_13{margin:12px 13px;}
        ._m12_14{margin:12px 14px;}
        ._m12_15{margin:12px 15px;}
        ._m12_16{margin:12px 16px;}
        ._m12_17{margin:12px 17px;}
        ._m12_18{margin:12px 18px;}
        ._m12_19{margin:12px 19px;}
        ._m12_20{margin:12px 20px;}
        ._m13_0{margin:13px 0px;}
        ._m13_1{margin:13px 1px;}
        ._m13_2{margin:13px 2px;}
        ._m13_3{margin:13px 3px;}
        ._m13_4{margin:13px 4px;}
        ._m13_5{margin:13px 5px;}
        ._m13_6{margin:13px 6px;}
        ._m13_7{margin:13px 7px;}
        ._m13_8{margin:13px 8px;}
        ._m13_9{margin:13px 9px;}
        ._m13_10{margin:13px 10px;}
        ._m13_11{margin:13px 11px;}
        ._m13_12{margin:13px 12px;}
        ._m13_13{margin:13px 13px;}
        ._m13_14{margin:13px 14px;}
        ._m13_15{margin:13px 15px;}
        ._m13_16{margin:13px 16px;}
        ._m13_17{margin:13px 17px;}
        ._m13_18{margin:13px 18px;}
        ._m13_19{margin:13px 19px;}
        ._m13_20{margin:13px 20px;}
        ._m14_0{margin:14px 0px;}
        ._m14_1{margin:14px 1px;}
        ._m14_2{margin:14px 2px;}
        ._m14_3{margin:14px 3px;}
        ._m14_4{margin:14px 4px;}
        ._m14_5{margin:14px 5px;}
        ._m14_6{margin:14px 6px;}
        ._m14_7{margin:14px 7px;}
        ._m14_8{margin:14px 8px;}
        ._m14_9{margin:14px 9px;}
        ._m14_10{margin:14px 10px;}
        ._m14_11{margin:14px 11px;}
        ._m14_12{margin:14px 12px;}
        ._m14_13{margin:14px 13px;}
        ._m14_14{margin:14px 14px;}
        ._m14_15{margin:14px 15px;}
        ._m14_16{margin:14px 16px;}
        ._m14_17{margin:14px 17px;}
        ._m14_18{margin:14px 18px;}
        ._m14_19{margin:14px 19px;}
        ._m14_20{margin:14px 20px;}
        ._m15_0{margin:15px 0px;}
        ._m15_1{margin:15px 1px;}
        ._m15_2{margin:15px 2px;}
        ._m15_3{margin:15px 3px;}
        ._m15_4{margin:15px 4px;}
        ._m15_5{margin:15px 5px;}
        ._m15_6{margin:15px 6px;}
        ._m15_7{margin:15px 7px;}
        ._m15_8{margin:15px 8px;}
        ._m15_9{margin:15px 9px;}
        ._m15_10{margin:15px 10px;}
        ._m15_11{margin:15px 11px;}
        ._m15_12{margin:15px 12px;}
        ._m15_13{margin:15px 13px;}
        ._m15_14{margin:15px 14px;}
        ._m15_15{margin:15px 15px;}
        ._m15_16{margin:15px 16px;}
        ._m15_17{margin:15px 17px;}
        ._m15_18{margin:15px 18px;}
        ._m15_19{margin:15px 19px;}
        ._m15_20{margin:15px 20px;}
        ._m16_0{margin:16px 0px;}
        ._m16_1{margin:16px 1px;}
        ._m16_2{margin:16px 2px;}
        ._m16_3{margin:16px 3px;}
        ._m16_4{margin:16px 4px;}
        ._m16_5{margin:16px 5px;}
        ._m16_6{margin:16px 6px;}
        ._m16_7{margin:16px 7px;}
        ._m16_8{margin:16px 8px;}
        ._m16_9{margin:16px 9px;}
        ._m16_10{margin:16px 10px;}
        ._m16_11{margin:16px 11px;}
        ._m16_12{margin:16px 12px;}
        ._m16_13{margin:16px 13px;}
        ._m16_14{margin:16px 14px;}
        ._m16_15{margin:16px 15px;}
        ._m16_16{margin:16px 16px;}
        ._m16_17{margin:16px 17px;}
        ._m16_18{margin:16px 18px;}
        ._m16_19{margin:16px 19px;}
        ._m16_20{margin:16px 20px;}
        ._m17_0{margin:17px 0px;}
        ._m17_1{margin:17px 1px;}
        ._m17_2{margin:17px 2px;}
        ._m17_3{margin:17px 3px;}
        ._m17_4{margin:17px 4px;}
        ._m17_5{margin:17px 5px;}
        ._m17_6{margin:17px 6px;}
        ._m17_7{margin:17px 7px;}
        ._m17_8{margin:17px 8px;}
        ._m17_9{margin:17px 9px;}
        ._m17_10{margin:17px 10px;}
        ._m17_11{margin:17px 11px;}
        ._m17_12{margin:17px 12px;}
        ._m17_13{margin:17px 13px;}
        ._m17_14{margin:17px 14px;}
        ._m17_15{margin:17px 15px;}
        ._m17_16{margin:17px 16px;}
        ._m17_17{margin:17px 17px;}
        ._m17_18{margin:17px 18px;}
        ._m17_19{margin:17px 19px;}
        ._m17_20{margin:17px 20px;}
        ._m18_0{margin:18px 0px;}
        ._m18_1{margin:18px 1px;}
        ._m18_2{margin:18px 2px;}
        ._m18_3{margin:18px 3px;}
        ._m18_4{margin:18px 4px;}
        ._m18_5{margin:18px 5px;}
        ._m18_6{margin:18px 6px;}
        ._m18_7{margin:18px 7px;}
        ._m18_8{margin:18px 8px;}
        ._m18_9{margin:18px 9px;}
        ._m18_10{margin:18px 10px;}
        ._m18_11{margin:18px 11px;}
        ._m18_12{margin:18px 12px;}
        ._m18_13{margin:18px 13px;}
        ._m18_14{margin:18px 14px;}
        ._m18_15{margin:18px 15px;}
        ._m18_16{margin:18px 16px;}
        ._m18_17{margin:18px 17px;}
        ._m18_18{margin:18px 18px;}
        ._m18_19{margin:18px 19px;}
        ._m18_20{margin:18px 20px;}
        ._m19_0{margin:19px 0px;}
        ._m19_1{margin:19px 1px;}
        ._m19_2{margin:19px 2px;}
        ._m19_3{margin:19px 3px;}
        ._m19_4{margin:19px 4px;}
        ._m19_5{margin:19px 5px;}
        ._m19_6{margin:19px 6px;}
        ._m19_7{margin:19px 7px;}
        ._m19_8{margin:19px 8px;}
        ._m19_9{margin:19px 9px;}
        ._m19_10{margin:19px 10px;}
        ._m19_11{margin:19px 11px;}
        ._m19_12{margin:19px 12px;}
        ._m19_13{margin:19px 13px;}
        ._m19_14{margin:19px 14px;}
        ._m19_15{margin:19px 15px;}
        ._m19_16{margin:19px 16px;}
        ._m19_17{margin:19px 17px;}
        ._m19_18{margin:19px 18px;}
        ._m19_19{margin:19px 19px;}
        ._m19_20{margin:19px 20px;}
        ._m20_0{margin:20px 0px;}
        ._m20_1{margin:20px 1px;}
        ._m20_2{margin:20px 2px;}
        ._m20_3{margin:20px 3px;}
        ._m20_4{margin:20px 4px;}
        ._m20_5{margin:20px 5px;}
        ._m20_6{margin:20px 6px;}
        ._m20_7{margin:20px 7px;}
        ._m20_8{margin:20px 8px;}
        ._m20_9{margin:20px 9px;}
        ._m20_10{margin:20px 10px;}
        ._m20_11{margin:20px 11px;}
        ._m20_12{margin:20px 12px;}
        ._m20_13{margin:20px 13px;}
        ._m20_14{margin:20px 14px;}
        ._m20_15{margin:20px 15px;}
        ._m20_16{margin:20px 16px;}
        ._m20_17{margin:20px 17px;}
        ._m20_18{margin:20px 18px;}
        ._m20_19{margin:20px 19px;}
        ._m20_20{margin:20px 20px;}
        /* Additional padding combinations */
        ._p0_0{padding:0px 0px;}
        ._p0_1{padding:0px 1px;}
        ._p0_2{padding:0px 2px;}
        ._p0_3{padding:0px 3px;}
        ._p0_4{padding:0px 4px;}
        ._p0_5{padding:0px 5px;}
        ._p0_6{padding:0px 6px;}
        ._p0_7{padding:0px 7px;}
        ._p0_8{padding:0px 8px;}
        ._p0_9{padding:0px 9px;}
        ._p0_10{padding:0px 10px;}
        ._p0_11{padding:0px 11px;}
        ._p0_12{padding:0px 12px;}
        ._p0_13{padding:0px 13px;}
        ._p0_14{padding:0px 14px;}
        ._p0_15{padding:0px 15px;}
        ._p0_16{padding:0px 16px;}
        ._p0_17{padding:0px 17px;}
        ._p0_18{padding:0px 18px;}
        ._p0_19{padding:0px 19px;}
        ._p0_20{padding:0px 20px;}
        ._p1_0{padding:1px 0px;}
        ._p1_1{padding:1px 1px;}
        ._p1_2{padding:1px 2px;}
        ._p1_3{padding:1px 3px;}
        ._p1_4{padding:1px 4px;}
        ._p1_5{padding:1px 5px;}
        ._p1_6{padding:1px 6px;}
        ._p1_7{padding:1px 7px;}
        ._p1_8{padding:1px 8px;}
        ._p1_9{padding:1px 9px;}
        ._p1_10{padding:1px 10px;}
        ._p1_11{padding:1px 11px;}
        ._p1_12{padding:1px 12px;}
        ._p1_13{padding:1px 13px;}
        ._p1_14{padding:1px 14px;}
        ._p1_15{padding:1px 15px;}
        ._p1_16{padding:1px 16px;}
        ._p1_17{padding:1px 17px;}
        ._p1_18{padding:1px 18px;}
        ._p1_19{padding:1px 19px;}
        ._p1_20{padding:1px 20px;}
        ._p2_0{padding:2px 0px;}
        ._p2_1{padding:2px 1px;}
        ._p2_2{padding:2px 2px;}
        ._p2_3{padding:2px 3px;}
        ._p2_4{padding:2px 4px;}
        ._p2_5{padding:2px 5px;}
        ._p2_6{padding:2px 6px;}
        ._p2_7{padding:2px 7px;}
        ._p2_8{padding:2px 8px;}
        ._p2_9{padding:2px 9px;}
        ._p2_10{padding:2px 10px;}
        ._p2_11{padding:2px 11px;}
        ._p2_12{padding:2px 12px;}
        ._p2_13{padding:2px 13px;}
        ._p2_14{padding:2px 14px;}
        ._p2_15{padding:2px 15px;}
        ._p2_16{padding:2px 16px;}
        ._p2_17{padding:2px 17px;}
        ._p2_18{padding:2px 18px;}
        ._p2_19{padding:2px 19px;}
        ._p2_20{padding:2px 20px;}
        ._p3_0{padding:3px 0px;}
        ._p3_1{padding:3px 1px;}
        ._p3_2{padding:3px 2px;}
        ._p3_3{padding:3px 3px;}
        ._p3_4{padding:3px 4px;}
        ._p3_5{padding:3px 5px;}
        ._p3_6{padding:3px 6px;}
        ._p3_7{padding:3px 7px;}
        ._p3_8{padding:3px 8px;}
        ._p3_9{padding:3px 9px;}
        ._p3_10{padding:3px 10px;}
        ._p3_11{padding:3px 11px;}
        ._p3_12{padding:3px 12px;}
        ._p3_13{padding:3px 13px;}
        ._p3_14{padding:3px 14px;}
        ._p3_15{padding:3px 15px;}
        ._p3_16{padding:3px 16px;}
        ._p3_17{padding:3px 17px;}
        ._p3_18{padding:3px 18px;}
        ._p3_19{padding:3px 19px;}
        ._p3_20{padding:3px 20px;}
        ._p4_0{padding:4px 0px;}
        ._p4_1{padding:4px 1px;}
        ._p4_2{padding:4px 2px;}
        ._p4_3{padding:4px 3px;}
        ._p4_4{padding:4px 4px;}
        ._p4_5{padding:4px 5px;}
        ._p4_6{padding:4px 6px;}
        ._p4_7{padding:4px 7px;}
        ._p4_8{padding:4px 8px;}
        ._p4_9{padding:4px 9px;}
        ._p4_10{padding:4px 10px;}
        ._p4_11{padding:4px 11px;}
        ._p4_12{padding:4px 12px;}
        ._p4_13{padding:4px 13px;}
        ._p4_14{padding:4px 14px;}
        ._p4_15{padding:4px 15px;}
        ._p4_16{padding:4px 16px;}
        ._p4_17{padding:4px 17px;}
        ._p4_18{padding:4px 18px;}
        ._p4_19{padding:4px 19px;}
        ._p4_20{padding:4px 20px;}
        ._p5_0{padding:5px 0px;}
        ._p5_1{padding:5px 1px;}
        ._p5_2{padding:5px 2px;}
        ._p5_3{padding:5px 3px;}
        ._p5_4{padding:5px 4px;}
        ._p5_5{padding:5px 5px;}
        ._p5_6{padding:5px 6px;}
        ._p5_7{padding:5px 7px;}
        ._p5_8{padding:5px 8px;}
        ._p5_9{padding:5px 9px;}
        ._p5_10{padding:5px 10px;}
        ._p5_11{padding:5px 11px;}
        ._p5_12{padding:5px 12px;}
        ._p5_13{padding:5px 13px;}
        ._p5_14{padding:5px 14px;}
        ._p5_15{padding:5px 15px;}
        ._p5_16{padding:5px 16px;}
        ._p5_17{padding:5px 17px;}
        ._p5_18{padding:5px 18px;}
        ._p5_19{padding:5px 19px;}
        ._p5_20{padding:5px 20px;}
        ._p6_0{padding:6px 0px;}
        ._p6_1{padding:6px 1px;}
        ._p6_2{padding:6px 2px;}
        ._p6_3{padding:6px 3px;}
        ._p6_4{padding:6px 4px;}
        ._p6_5{padding:6px 5px;}
        ._p6_6{padding:6px 6px;}
        ._p6_7{padding:6px 7px;}
        ._p6_8{padding:6px 8px;}
        ._p6_9{padding:6px 9px;}
        ._p6_10{padding:6px 10px;}
        ._p6_11{padding:6px 11px;}
        ._p6_12{padding:6px 12px;}
        ._p6_13{padding:6px 13px;}
        ._p6_14{padding:6px 14px;}
        ._p6_15{padding:6px 15px;}
        ._p6_16{padding:6px 16px;}
        ._p6_17{padding:6px 17px;}
        ._p6_18{padding:6px 18px;}
        ._p6_19{padding:6px 19px;}
        ._p6_20{padding:6px 20px;}
        ._p7_0{padding:7px 0px;}
        ._p7_1{padding:7px 1px;}
        ._p7_2{padding:7px 2px;}
        ._p7_3{padding:7px 3px;}
        ._p7_4{padding:7px 4px;}
        ._p7_5{padding:7px 5px;}
        ._p7_6{padding:7px 6px;}
        ._p7_7{padding:7px 7px;}
        ._p7_8{padding:7px 8px;}
        ._p7_9{padding:7px 9px;}
        ._p7_10{padding:7px 10px;}
        ._p7_11{padding:7px 11px;}
        ._p7_12{padding:7px 12px;}
        ._p7_13{padding:7px 13px;}
        ._p7_14{padding:7px 14px;}
        ._p7_15{padding:7px 15px;}
        ._p7_16{padding:7px 16px;}
        ._p7_17{padding:7px 17px;}
        ._p7_18{padding:7px 18px;}
        ._p7_19{padding:7px 19px;}
        ._p7_20{padding:7px 20px;}
        ._p8_0{padding:8px 0px;}
        ._p8_1{padding:8px 1px;}
        ._p8_2{padding:8px 2px;}
        ._p8_3{padding:8px 3px;}
        ._p8_4{padding:8px 4px;}
        ._p8_5{padding:8px 5px;}
        ._p8_6{padding:8px 6px;}
        ._p8_7{padding:8px 7px;}
        ._p8_8{padding:8px 8px;}
        ._p8_9{padding:8px 9px;}
        ._p8_10{padding:8px 10px;}
        ._p8_11{padding:8px 11px;}
        ._p8_12{padding:8px 12px;}
        ._p8_13{padding:8px 13px;}
        ._p8_14{padding:8px 14px;}
        ._p8_15{padding:8px 15px;}
        ._p8_16{padding:8px 16px;}
        ._p8_17{padding:8px 17px;}
        ._p8_18{padding:8px 18px;}
        ._p8_19{padding:8px 19px;}
        ._p8_20{padding:8px 20px;}
        ._p9_0{padding:9px 0px;}
        ._p9_1{padding:9px 1px;}
        ._p9_2{padding:9px 2px;}
        ._p9_3{padding:9px 3px;}
        ._p9_4{padding:9px 4px;}
        ._p9_5{padding:9px 5px;}
        ._p9_6{padding:9px 6px;}
        ._p9_7{padding:9px 7px;}
        ._p9_8{padding:9px 8px;}
        ._p9_9{padding:9px 9px;}
        ._p9_10{padding:9px 10px;}
        ._p9_11{padding:9px 11px;}
        ._p9_12{padding:9px 12px;}
        ._p9_13{padding:9px 13px;}
        ._p9_14{padding:9px 14px;}
        ._p9_15{padding:9px 15px;}
        ._p9_16{padding:9px 16px;}
        ._p9_17{padding:9px 17px;}
        ._p9_18{padding:9px 18px;}
        ._p9_19{padding:9px 19px;}
        ._p9_20{padding:9px 20px;}
        ._p10_0{padding:10px 0px;}
        ._p10_1{padding:10px 1px;}
        ._p10_2{padding:10px 2px;}
        ._p10_3{padding:10px 3px;}
        ._p10_4{padding:10px 4px;}
        ._p10_5{padding:10px 5px;}
        ._p10_6{padding:10px 6px;}
        ._p10_7{padding:10px 7px;}
        ._p10_8{padding:10px 8px;}
        ._p10_9{padding:10px 9px;}
        ._p10_10{padding:10px 10px;}
        ._p10_11{padding:10px 11px;}
        ._p10_12{padding:10px 12px;}
        ._p10_13{padding:10px 13px;}
        ._p10_14{padding:10px 14px;}
        ._p10_15{padding:10px 15px;}
        ._p10_16{padding:10px 16px;}
        ._p10_17{padding:10px 17px;}
        ._p10_18{padding:10px 18px;}
        ._p10_19{padding:10px 19px;}
        ._p10_20{padding:10px 20px;}
        ._p11_0{padding:11px 0px;}
        ._p11_1{padding:11px 1px;}
        ._p11_2{padding:11px 2px;}
        ._p11_3{padding:11px 3px;}
        ._p11_4{padding:11px 4px;}
        ._p11_5{padding:11px 5px;}
        ._p11_6{padding:11px 6px;}
        ._p11_7{padding:11px 7px;}
        ._p11_8{padding:11px 8px;}
        ._p11_9{padding:11px 9px;}
        ._p11_10{padding:11px 10px;}
        ._p11_11{padding:11px 11px;}
        ._p11_12{padding:11px 12px;}
        ._p11_13{padding:11px 13px;}
        ._p11_14{padding:11px 14px;}
        ._p11_15{padding:11px 15px;}
        ._p11_16{padding:11px 16px;}
        ._p11_17{padding:11px 17px;}
        ._p11_18{padding:11px 18px;}
        ._p11_19{padding:11px 19px;}
        ._p11_20{padding:11px 20px;}
        ._p12_0{padding:12px 0px;}
        ._p12_1{padding:12px 1px;}
        ._p12_2{padding:12px 2px;}
        ._p12_3{padding:12px 3px;}
        ._p12_4{padding:12px 4px;}
        ._p12_5{padding:12px 5px;}
        ._p12_6{padding:12px 6px;}
        ._p12_7{padding:12px 7px;}
        ._p12_8{padding:12px 8px;}
        ._p12_9{padding:12px 9px;}
        ._p12_10{padding:12px 10px;}
        ._p12_11{padding:12px 11px;}
        ._p12_12{padding:12px 12px;}
        ._p12_13{padding:12px 13px;}
        ._p12_14{padding:12px 14px;}
        ._p12_15{padding:12px 15px;}
        ._p12_16{padding:12px 16px;}
        ._p12_17{padding:12px 17px;}
        ._p12_18{padding:12px 18px;}
        ._p12_19{padding:12px 19px;}
        ._p12_20{padding:12px 20px;}
        ._p13_0{padding:13px 0px;}
        ._p13_1{padding:13px 1px;}
        ._p13_2{padding:13px 2px;}
        ._p13_3{padding:13px 3px;}
        ._p13_4{padding:13px 4px;}
        ._p13_5{padding:13px 5px;}
        ._p13_6{padding:13px 6px;}
        ._p13_7{padding:13px 7px;}
        ._p13_8{padding:13px 8px;}
        ._p13_9{padding:13px 9px;}
        ._p13_10{padding:13px 10px;}
        ._p13_11{padding:13px 11px;}
        ._p13_12{padding:13px 12px;}
        ._p13_13{padding:13px 13px;}
        ._p13_14{padding:13px 14px;}
        ._p13_15{padding:13px 15px;}
        ._p13_16{padding:13px 16px;}
        ._p13_17{padding:13px 17px;}
        ._p13_18{padding:13px 18px;}
        ._p13_19{padding:13px 19px;}
        ._p13_20{padding:13px 20px;}
        ._p14_0{padding:14px 0px;}
        ._p14_1{padding:14px 1px;}
        ._p14_2{padding:14px 2px;}
        ._p14_3{padding:14px 3px;}
        ._p14_4{padding:14px 4px;}
        ._p14_5{padding:14px 5px;}
        ._p14_6{padding:14px 6px;}
        ._p14_7{padding:14px 7px;}
        ._p14_8{padding:14px 8px;}
        ._p14_9{padding:14px 9px;}
        ._p14_10{padding:14px 10px;}
        ._p14_11{padding:14px 11px;}
        ._p14_12{padding:14px 12px;}
        ._p14_13{padding:14px 13px;}
        ._p14_14{padding:14px 14px;}
        ._p14_15{padding:14px 15px;}
        ._p14_16{padding:14px 16px;}
        ._p14_17{padding:14px 17px;}
        ._p14_18{padding:14px 18px;}
        ._p14_19{padding:14px 19px;}
        ._p14_20{padding:14px 20px;}
        ._p15_0{padding:15px 0px;}
        ._p15_1{padding:15px 1px;}
        ._p15_2{padding:15px 2px;}
        ._p15_3{padding:15px 3px;}
        ._p15_4{padding:15px 4px;}
        ._p15_5{padding:15px 5px;}
        ._p15_6{padding:15px 6px;}
        ._p15_7{padding:15px 7px;}
        ._p15_8{padding:15px 8px;}
        ._p15_9{padding:15px 9px;}
        ._p15_10{padding:15px 10px;}
        ._p15_11{padding:15px 11px;}
        ._p15_12{padding:15px 12px;}
        ._p15_13{padding:15px 13px;}
        ._p15_14{padding:15px 14px;}
        ._p15_15{padding:15px 15px;}
        ._p15_16{padding:15px 16px;}
        ._p15_17{padding:15px 17px;}
        ._p15_18{padding:15px 18px;}
        ._p15_19{padding:15px 19px;}
        ._p15_20{padding:15px 20px;}
        ._p16_0{padding:16px 0px;}
        ._p16_1{padding:16px 1px;}
        ._p16_2{padding:16px 2px;}
        ._p16_3{padding:16px 3px;}
        ._p16_4{padding:16px 4px;}
        ._p16_5{padding:16px 5px;}
        ._p16_6{padding:16px 6px;}
        ._p16_7{padding:16px 7px;}
        ._p16_8{padding:16px 8px;}
        ._p16_9{padding:16px 9px;}
        ._p16_10{padding:16px 10px;}
        ._p16_11{padding:16px 11px;}
        ._p16_12{padding:16px 12px;}
        ._p16_13{padding:16px 13px;}
        ._p16_14{padding:16px 14px;}
        ._p16_15{padding:16px 15px;}
        ._p16_16{padding:16px 16px;}
        ._p16_17{padding:16px 17px;}
        ._p16_18{padding:16px 18px;}
        ._p16_19{padding:16px 19px;}
        ._p16_20{padding:16px 20px;}
        ._p17_0{padding:17px 0px;}
        ._p17_1{padding:17px 1px;}
        ._p17_2{padding:17px 2px;}
        ._p17_3{padding:17px 3px;}
        ._p17_4{padding:17px 4px;}
        ._p17_5{padding:17px 5px;}
        ._p17_6{padding:17px 6px;}
        ._p17_7{padding:17px 7px;}
        ._p17_8{padding:17px 8px;}
        ._p17_9{padding:17px 9px;}
        ._p17_10{padding:17px 10px;}
        ._p17_11{padding:17px 11px;}
        ._p17_12{padding:17px 12px;}
        ._p17_13{padding:17px 13px;}
        ._p17_14{padding:17px 14px;}
        ._p17_15{padding:17px 15px;}
        ._p17_16{padding:17px 16px;}
        ._p17_17{padding:17px 17px;}
        ._p17_18{padding:17px 18px;}
        ._p17_19{padding:17px 19px;}
        ._p17_20{padding:17px 20px;}
        ._p18_0{padding:18px 0px;}
        ._p18_1{padding:18px 1px;}
        ._p18_2{padding:18px 2px;}
        ._p18_3{padding:18px 3px;}
        ._p18_4{padding:18px 4px;}
        ._p18_5{padding:18px 5px;}
        ._p18_6{padding:18px 6px;}
        ._p18_7{padding:18px 7px;}
        ._p18_8{padding:18px 8px;}
        ._p18_9{padding:18px 9px;}
        ._p18_10{padding:18px 10px;}
        ._p18_11{padding:18px 11px;}
        ._p18_12{padding:18px 12px;}
        ._p18_13{padding:18px 13px;}
        ._p18_14{padding:18px 14px;}
        ._p18_15{padding:18px 15px;}
        ._p18_16{padding:18px 16px;}
        ._p18_17{padding:18px 17px;}
        ._p18_18{padding:18px 18px;}
        ._p18_19{padding:18px 19px;}
        ._p18_20{padding:18px 20px;}
        ._p19_0{padding:19px 0px;}
        ._p19_1{padding:19px 1px;}
        ._p19_2{padding:19px 2px;}
        ._p19_3{padding:19px 3px;}
        ._p19_4{padding:19px 4px;}
        ._p19_5{padding:19px 5px;}
        ._p19_6{padding:19px 6px;}
        ._p19_7{padding:19px 7px;}
        ._p19_8{padding:19px 8px;}
        ._p19_9{padding:19px 9px;}
        ._p19_10{padding:19px 10px;}
        ._p19_11{padding:19px 11px;}
        ._p19_12{padding:19px 12px;}
        ._p19_13{padding:19px 13px;}
        ._p19_14{padding:19px 14px;}
        ._p19_15{padding:19px 15px;}
        ._p19_16{padding:19px 16px;}
        ._p19_17{padding:19px 17px;}
        ._p19_18{padding:19px 18px;}
        ._p19_19{padding:19px 19px;}
        ._p19_20{padding:19px 20px;}
        ._p20_0{padding:20px 0px;}
        ._p20_1{padding:20px 1px;}
        ._p20_2{padding:20px 2px;}
        ._p20_3{padding:20px 3px;}
        ._p20_4{padding:20px 4px;}
        ._p20_5{padding:20px 5px;}
        ._p20_6{padding:20px 6px;}
        ._p20_7{padding:20px 7px;}
        ._p20_8{padding:20px 8px;}
        ._p20_9{padding:20px 9px;}
        ._p20_10{padding:20px 10px;}
        ._p20_11{padding:20px 11px;}
        ._p20_12{padding:20px 12px;}
        ._p20_13{padding:20px 13px;}
        ._p20_14{padding:20px 14px;}
        ._p20_15{padding:20px 15px;}
        ._p20_16{padding:20px 16px;}
        ._p20_17{padding:20px 17px;}
        ._p20_18{padding:20px 18px;}
        ._p20_19{padding:20px 19px;}
        ._p20_20{padding:20px 20px;}
        /* Aspect ratio utilities */
        ._ar11{aspect-ratio:1/1;}
        ._ar169{aspect-ratio:16/9;}
        ._ar43{aspect-ratio:4/3;}
        ._ar32{aspect-ratio:3/2;}
        ._ar219{aspect-ratio:21/9;}
        /* Resize utilities */
        ._resizenone{resize:none;}
        ._resizeboth{resize:both;}
        ._resizehorizontal{resize:horizontal;}
        ._resizevertical{resize:vertical;}
        /* Table utilities */
        ._tlauto{table-layout:auto;}
        ._tlfixed{table-layout:fixed;}
        /* Column utilities */
        ._cols1{column-count:1;}
        ._cols2{column-count:2;}
        ._cols3{column-count:3;}
        ._cols4{column-count:4;}
        ._cols5{column-count:5;}
        ._cols6{column-count:6;}
        ._cols7{column-count:7;}
        ._cols8{column-count:8;}
        ._cols9{column-count:9;}
        ._cols10{column-count:10;}
        ._cols11{column-count:11;}
        ._cols12{column-count:12;}
        ._cgap0{column-gap:0px;}
        ._cgap5{column-gap:5px;}
        ._cgap10{column-gap:10px;}
        ._cgap15{column-gap:15px;}
        ._cgap20{column-gap:20px;}
        ._cgap25{column-gap:25px;}
        ._cgap30{column-gap:30px;}
        ._cgap35{column-gap:35px;}
        ._cgap40{column-gap:40px;}
        ._cgap45{column-gap:45px;}
        ._cgap50{column-gap:50px;}
        /* List style utilities */
        ._lsnone{list-style:none;}
        ._lsdisc{list-style:disc;}
        ._lscircle{list-style:circle;}
        ._lssquare{list-style:square;}
        ._lsdecimal{list-style:decimal;}
        ._lslowerroman{list-style:lower-roman;}
        ._lsupperroman{list-style:upper-roman;}
        /* Outline utilities */
        ._outline0{outline:0px solid #000;}
        ._outline1{outline:1px solid #000;}
        ._outline2{outline:2px solid #000;}
        ._outline3{outline:3px solid #000;}
        ._outline4{outline:4px solid #000;}
        ._outline5{outline:5px solid #000;}
        ._outline6{outline:6px solid #000;}
        ._outline7{outline:7px solid #000;}
        ._outline8{outline:8px solid #000;}
        ._outline9{outline:9px solid #000;}
        ._outline10{outline:10px solid #000;}
        ._outlinenone{outline-style:none;}
        ._outlinedotted{outline-style:dotted;}
        ._outlinedashed{outline-style:dashed;}
        ._outlinesolid{outline-style:solid;}
        ._outlinedouble{outline-style:double;}
        /* Scroll behavior utilities */
        ._scrollauto{scroll-behavior:auto;}
        ._scrollsmooth{scroll-behavior:smooth;}
        /* Overscroll behavior utilities */
        ._overscrollauto{overscroll-behavior:auto;}
        ._overscrollcontain{overscroll-behavior:contain;}
        ._overscrollnone{overscroll-behavior:none;}
        /* Touch action utilities */
        ._touchauto{touch-action:auto;}
        ._touchnone{touch-action:none;}
        ._touchpanx{touch-action:pan-x;}
        ._touchpany{touch-action:pan-y;}
        ._touchmanipulation{touch-action:manipulation;}
        /* Isolation utilities */
        ._isoauto{isolation:auto;}
        ._isoisolate{isolation:isolate;}
        /* Mix blend mode utilities */
        ._blendnormal{mix-blend-mode:normal;}
        ._blendmultiply{mix-blend-mode:multiply;}
        ._blendscreen{mix-blend-mode:screen;}
        ._blendoverlay{mix-blend-mode:overlay;}
        ._blenddarken{mix-blend-mode:darken;}
        ._blendlighten{mix-blend-mode:lighten;}
        ._blendcolordodge{mix-blend-mode:color-dodge;}
        ._blendcolorburn{mix-blend-mode:color-burn;}
        ._blendhardlight{mix-blend-mode:hard-light;}
        ._blendsoftlight{mix-blend-mode:soft-light;}
        ._blenddifference{mix-blend-mode:difference;}
        ._blendexclusion{mix-blend-mode:exclusion;}
        /* Background blend mode utilities */
        ._bgblendnormal{background-blend-mode:normal;}
        ._bgblendmultiply{background-blend-mode:multiply;}
        ._bgblendscreen{background-blend-mode:screen;}
        ._bgblendoverlay{background-blend-mode:overlay;}
        ._bgblenddarken{background-blend-mode:darken;}
        ._bgblendlighten{background-blend-mode:lighten;}
        ._bgblendcolordodge{background-blend-mode:color-dodge;}
        ._bgblendcolorburn{background-blend-mode:color-burn;}
        ._bgblendhardlight{background-blend-mode:hard-light;}
        ._bgblendsoftlight{background-blend-mode:soft-light;}
        ._bgblenddifference{background-blend-mode:difference;}
        ._bgblendexclusion{background-blend-mode:exclusion;}
        /* Background size utilities */
        ._bgsizeauto{background-size:auto;}
        ._bgsizecover{background-size:cover;}
        ._bgsizecontain{background-size:contain;}
        /* Background position utilities */
        ._bgposcenter{background-position:center;}
        ._bgpostop{background-position:top;}
        ._bgposbottom{background-position:bottom;}
        ._bgposleft{background-position:left;}
        ._bgposright{background-position:right;}
        ._bgpostopleft{background-position:top left;}
        ._bgpostopright{background-position:top right;}
        ._bgposbottomleft{background-position:bottom left;}
        ._bgposbottomright{background-position:bottom right;}
        /* Background repeat utilities */
        ._bgrepeatrepeat{background-repeat:repeat;}
        ._bgrepeatnorepeat{background-repeat:no-repeat;}
        ._bgrepeatrepeatx{background-repeat:repeat-x;}
        ._bgrepeatrepeaty{background-repeat:repeat-y;}
        ._bgrepeatspace{background-repeat:space;}
        ._bgrepeatround{background-repeat:round;}
        /* Background attachment utilities */
        ._bgattachscroll{background-attachment:scroll;}
        ._bgattachfixed{background-attachment:fixed;}
        ._bgattachlocal{background-attachment:local;}
        /* Clip utilities */
        ._clipauto{clip:auto;}
        ._cliptext{clip:text;}
        /* Mask utilities */
        ._masknone{mask:none;}
        ._maskauto{mask:auto;}
        /* Filter extended */
        ._contrast50{filter:contrast(50%);}
        ._contrast55{filter:contrast(55%);}
        ._contrast60{filter:contrast(60%);}
        ._contrast65{filter:contrast(65%);}
        ._contrast70{filter:contrast(70%);}
        ._contrast75{filter:contrast(75%);}
        ._contrast80{filter:contrast(80%);}
        ._contrast85{filter:contrast(85%);}
        ._contrast90{filter:contrast(90%);}
        ._contrast95{filter:contrast(95%);}
        ._contrast100{filter:contrast(100%);}
        ._contrast105{filter:contrast(105%);}
        ._contrast110{filter:contrast(110%);}
        ._contrast115{filter:contrast(115%);}
        ._contrast120{filter:contrast(120%);}
        ._contrast125{filter:contrast(125%);}
        ._contrast130{filter:contrast(130%);}
        ._contrast135{filter:contrast(135%);}
        ._contrast140{filter:contrast(140%);}
        ._contrast145{filter:contrast(145%);}
        ._contrast150{filter:contrast(150%);}
        ._saturate50{filter:saturate(50%);}
        ._saturate55{filter:saturate(55%);}
        ._saturate60{filter:saturate(60%);}
        ._saturate65{filter:saturate(65%);}
        ._saturate70{filter:saturate(70%);}
        ._saturate75{filter:saturate(75%);}
        ._saturate80{filter:saturate(80%);}
        ._saturate85{filter:saturate(85%);}
        ._saturate90{filter:saturate(90%);}
        ._saturate95{filter:saturate(95%);}
        ._saturate100{filter:saturate(100%);}
        ._saturate105{filter:saturate(105%);}
        ._saturate110{filter:saturate(110%);}
        ._saturate115{filter:saturate(115%);}
        ._saturate120{filter:saturate(120%);}
        ._saturate125{filter:saturate(125%);}
        ._saturate130{filter:saturate(130%);}
        ._saturate135{filter:saturate(135%);}
        ._saturate140{filter:saturate(140%);}
        ._saturate145{filter:saturate(145%);}
        ._saturate150{filter:saturate(150%);}
        ._hue-180{filter:hue-rotate(-180deg);}
        ._hue-162{filter:hue-rotate(-162deg);}
        ._hue-144{filter:hue-rotate(-144deg);}
        ._hue-126{filter:hue-rotate(-126deg);}
        ._hue-108{filter:hue-rotate(-108deg);}
        ._hue-90{filter:hue-rotate(-90deg);}
        ._hue-72{filter:hue-rotate(-72deg);}
        ._hue-54{filter:hue-rotate(-54deg);}
        ._hue-36{filter:hue-rotate(-36deg);}
        ._hue-18{filter:hue-rotate(-18deg);}
        ._hue0{filter:hue-rotate(0deg);}
        ._hue18{filter:hue-rotate(18deg);}
        ._hue36{filter:hue-rotate(36deg);}
        ._hue54{filter:hue-rotate(54deg);}
        ._hue72{filter:hue-rotate(72deg);}
        ._hue90{filter:hue-rotate(90deg);}
        ._hue108{filter:hue-rotate(108deg);}
        ._hue126{filter:hue-rotate(126deg);}
        ._hue144{filter:hue-rotate(144deg);}
        ._hue162{filter:hue-rotate(162deg);}
        ._hue180{filter:hue-rotate(180deg);}
        ._invert0{filter:invert(0%);}
        ._invert5{filter:invert(5%);}
        ._invert10{filter:invert(10%);}
        ._invert15{filter:invert(15%);}
        ._invert20{filter:invert(20%);}
        ._invert25{filter:invert(25%);}
        ._invert30{filter:invert(30%);}
        ._invert35{filter:invert(35%);}
        ._invert40{filter:invert(40%);}
        ._invert45{filter:invert(45%);}
        ._invert50{filter:invert(50%);}
        ._invert55{filter:invert(55%);}
        ._invert60{filter:invert(60%);}
        ._invert65{filter:invert(65%);}
        ._invert70{filter:invert(70%);}
        ._invert75{filter:invert(75%);}
        ._invert80{filter:invert(80%);}
        ._invert85{filter:invert(85%);}
        ._invert90{filter:invert(90%);}
        ._invert95{filter:invert(95%);}
        ._invert100{filter:invert(100%);}
        ._sepia0{filter:sepia(0%);}
        ._sepia5{filter:sepia(5%);}
        ._sepia10{filter:sepia(10%);}
        ._sepia15{filter:sepia(15%);}
        ._sepia20{filter:sepia(20%);}
        ._sepia25{filter:sepia(25%);}
        ._sepia30{filter:sepia(30%);}
        ._sepia35{filter:sepia(35%);}
        ._sepia40{filter:sepia(40%);}
        ._sepia45{filter:sepia(45%);}
        ._sepia50{filter:sepia(50%);}
        ._sepia55{filter:sepia(55%);}
        ._sepia60{filter:sepia(60%);}
        ._sepia65{filter:sepia(65%);}
        ._sepia70{filter:sepia(70%);}
        ._sepia75{filter:sepia(75%);}
        ._sepia80{filter:sepia(80%);}
        ._sepia85{filter:sepia(85%);}
        ._sepia90{filter:sepia(90%);}
        ._sepia95{filter:sepia(95%);}
        ._sepia100{filter:sepia(100%);}
        /* Transform origin utilities */
        ._origincenter{transform-origin:center;}
        ._origintop{transform-origin:top;}
        ._originbottom{transform-origin:bottom;}
        ._originleft{transform-origin:left;}
        ._originright{transform-origin:right;}
        ._origintopleft{transform-origin:top left;}
        ._origintopright{transform-origin:top right;}
        ._originbottomleft{transform-origin:bottom left;}
        ._originbottomright{transform-origin:bottom right;}
        /* Perspective utilities */
        ._persp100{perspective:100px;}
        ._persp150{perspective:150px;}
        ._persp200{perspective:200px;}
        ._persp250{perspective:250px;}
        ._persp300{perspective:300px;}
        ._persp350{perspective:350px;}
        ._persp400{perspective:400px;}
        ._persp450{perspective:450px;}
        ._persp500{perspective:500px;}
        ._persp550{perspective:550px;}
        ._persp600{perspective:600px;}
        ._persp650{perspective:650px;}
        ._persp700{perspective:700px;}
        ._persp750{perspective:750px;}
        ._persp800{perspective:800px;}
        ._persp850{perspective:850px;}
        ._persp900{perspective:900px;}
        ._persp950{perspective:950px;}
        ._persp1000{perspective:1000px;}
        ._persp1050{perspective:1050px;}
        ._persp1100{perspective:1100px;}
        /* Backface visibility utilities */
        ._backfacevisible{backface-visibility:visible;}
        ._backfacehidden{backface-visibility:hidden;}
        /* Additional pseudo-class utilities */
        ._hover0:hover{opacity:0.9;}
        ._hover1:hover{opacity:0.9;}
        ._hover2:hover{opacity:0.9;}
        ._hover3:hover{opacity:0.9;}
        ._hover4:hover{opacity:0.9;}
        ._hover5:hover{opacity:0.9;}
        ._hover6:hover{opacity:0.9;}
        ._hover7:hover{opacity:0.9;}
        ._hover8:hover{opacity:0.9;}
        ._hover9:hover{opacity:0.9;}
        ._hover10:hover{opacity:0.9;}
        ._hover11:hover{opacity:0.9;}
        ._hover12:hover{opacity:0.9;}
        ._hover13:hover{opacity:0.9;}
        ._hover14:hover{opacity:0.9;}
        ._hover15:hover{opacity:0.9;}
        ._hover16:hover{opacity:0.9;}
        ._hover17:hover{opacity:0.9;}
        ._hover18:hover{opacity:0.9;}
        ._hover19:hover{opacity:0.9;}
        ._hover20:hover{opacity:0.9;}
        ._hover21:hover{opacity:0.9;}
        ._hover22:hover{opacity:0.9;}
        ._hover23:hover{opacity:0.9;}
        ._hover24:hover{opacity:0.9;}
        ._hover25:hover{opacity:0.9;}
        ._hover26:hover{opacity:0.9;}
        ._hover27:hover{opacity:0.9;}
        ._hover28:hover{opacity:0.9;}
        ._hover29:hover{opacity:0.9;}
        ._hover30:hover{opacity:0.9;}
        ._hover31:hover{opacity:0.9;}
        ._hover32:hover{opacity:0.9;}
        ._hover33:hover{opacity:0.9;}
        ._hover34:hover{opacity:0.9;}
        ._hover35:hover{opacity:0.9;}
        ._hover36:hover{opacity:0.9;}
        ._hover37:hover{opacity:0.9;}
        ._hover38:hover{opacity:0.9;}
        ._hover39:hover{opacity:0.9;}
        ._hover40:hover{opacity:0.9;}
        ._hover41:hover{opacity:0.9;}
        ._hover42:hover{opacity:0.9;}
        ._hover43:hover{opacity:0.9;}
        ._hover44:hover{opacity:0.9;}
        ._hover45:hover{opacity:0.9;}
        ._hover46:hover{opacity:0.9;}
        ._hover47:hover{opacity:0.9;}
        ._hover48:hover{opacity:0.9;}
        ._hover49:hover{opacity:0.9;}
        ._focus0:focus{outline:2px solid #000;}
        ._focus1:focus{outline:2px solid #000;}
        ._focus2:focus{outline:2px solid #000;}
        ._focus3:focus{outline:2px solid #000;}
        ._focus4:focus{outline:2px solid #000;}
        ._focus5:focus{outline:2px solid #000;}
        ._focus6:focus{outline:2px solid #000;}
        ._focus7:focus{outline:2px solid #000;}
        ._focus8:focus{outline:2px solid #000;}
        ._focus9:focus{outline:2px solid #000;}
        ._focus10:focus{outline:2px solid #000;}
        ._focus11:focus{outline:2px solid #000;}
        ._focus12:focus{outline:2px solid #000;}
        ._focus13:focus{outline:2px solid #000;}
        ._focus14:focus{outline:2px solid #000;}
        ._focus15:focus{outline:2px solid #000;}
        ._focus16:focus{outline:2px solid #000;}
        ._focus17:focus{outline:2px solid #000;}
        ._focus18:focus{outline:2px solid #000;}
        ._focus19:focus{outline:2px solid #000;}
        ._focus20:focus{outline:2px solid #000;}
        ._focus21:focus{outline:2px solid #000;}
        ._focus22:focus{outline:2px solid #000;}
        ._focus23:focus{outline:2px solid #000;}
        ._focus24:focus{outline:2px solid #000;}
        ._focus25:focus{outline:2px solid #000;}
        ._focus26:focus{outline:2px solid #000;}
        ._focus27:focus{outline:2px solid #000;}
        ._focus28:focus{outline:2px solid #000;}
        ._focus29:focus{outline:2px solid #000;}
        ._focus30:focus{outline:2px solid #000;}
        ._focus31:focus{outline:2px solid #000;}
        ._focus32:focus{outline:2px solid #000;}
        ._focus33:focus{outline:2px solid #000;}
        ._focus34:focus{outline:2px solid #000;}
        ._focus35:focus{outline:2px solid #000;}
        ._focus36:focus{outline:2px solid #000;}
        ._focus37:focus{outline:2px solid #000;}
        ._focus38:focus{outline:2px solid #000;}
        ._focus39:focus{outline:2px solid #000;}
        ._focus40:focus{outline:2px solid #000;}
        ._focus41:focus{outline:2px solid #000;}
        ._focus42:focus{outline:2px solid #000;}
        ._focus43:focus{outline:2px solid #000;}
        ._focus44:focus{outline:2px solid #000;}
        ._focus45:focus{outline:2px solid #000;}
        ._focus46:focus{outline:2px solid #000;}
        ._focus47:focus{outline:2px solid #000;}
        ._focus48:focus{outline:2px solid #000;}
        ._focus49:focus{outline:2px solid #000;}
        ._active0:active{transform:scale(0.98);}
        ._active1:active{transform:scale(0.98);}
        ._active2:active{transform:scale(0.98);}
        ._active3:active{transform:scale(0.98);}
        ._active4:active{transform:scale(0.98);}
        ._active5:active{transform:scale(0.98);}
        ._active6:active{transform:scale(0.98);}
        ._active7:active{transform:scale(0.98);}
        ._active8:active{transform:scale(0.98);}
        ._active9:active{transform:scale(0.98);}
        ._active10:active{transform:scale(0.98);}
        ._active11:active{transform:scale(0.98);}
        ._active12:active{transform:scale(0.98);}
        ._active13:active{transform:scale(0.98);}
        ._active14:active{transform:scale(0.98);}
        ._active15:active{transform:scale(0.98);}
        ._active16:active{transform:scale(0.98);}
        ._active17:active{transform:scale(0.98);}
        ._active18:active{transform:scale(0.98);}
        ._active19:active{transform:scale(0.98);}
        ._active20:active{transform:scale(0.98);}
        ._active21:active{transform:scale(0.98);}
        ._active22:active{transform:scale(0.98);}
        ._active23:active{transform:scale(0.98);}
        ._active24:active{transform:scale(0.98);}
        ._active25:active{transform:scale(0.98);}
        ._active26:active{transform:scale(0.98);}
        ._active27:active{transform:scale(0.98);}
        ._active28:active{transform:scale(0.98);}
        ._active29:active{transform:scale(0.98);}
        ._active30:active{transform:scale(0.98);}
        ._active31:active{transform:scale(0.98);}
        ._active32:active{transform:scale(0.98);}
        ._active33:active{transform:scale(0.98);}
        ._active34:active{transform:scale(0.98);}
        ._active35:active{transform:scale(0.98);}
        ._active36:active{transform:scale(0.98);}
        ._active37:active{transform:scale(0.98);}
        ._active38:active{transform:scale(0.98);}
        ._active39:active{transform:scale(0.98);}
        ._active40:active{transform:scale(0.98);}
        ._active41:active{transform:scale(0.98);}
        ._active42:active{transform:scale(0.98);}
        ._active43:active{transform:scale(0.98);}
        ._active44:active{transform:scale(0.98);}
        ._active45:active{transform:scale(0.98);}
        ._active46:active{transform:scale(0.98);}
        ._active47:active{transform:scale(0.98);}
        ._active48:active{transform:scale(0.98);}
        ._active49:active{transform:scale(0.98);}
        /* Additional media query combinations */
        @media (min-width:200px) and (min-height:200px){._mq200_200{display:block;}}
        @media (min-width:200px) and (min-height:300px){._mq200_300{display:block;}}
        @media (min-width:200px) and (min-height:400px){._mq200_400{display:block;}}
        @media (min-width:200px) and (min-height:500px){._mq200_500{display:block;}}
        @media (min-width:200px) and (min-height:600px){._mq200_600{display:block;}}
        @media (min-width:200px) and (min-height:700px){._mq200_700{display:block;}}
        @media (min-width:200px) and (min-height:800px){._mq200_800{display:block;}}
        @media (min-width:200px) and (min-height:900px){._mq200_900{display:block;}}
        @media (min-width:200px) and (min-height:1000px){._mq200_1000{display:block;}}
        @media (min-width:200px) and (min-height:1100px){._mq200_1100{display:block;}}
        @media (min-width:200px) and (min-height:1200px){._mq200_1200{display:block;}}
        @media (min-width:200px) and (min-height:1300px){._mq200_1300{display:block;}}
        @media (min-width:200px) and (min-height:1400px){._mq200_1400{display:block;}}
        @media (min-width:200px) and (min-height:1500px){._mq200_1500{display:block;}}
        @media (min-width:200px) and (min-height:1600px){._mq200_1600{display:block;}}
        @media (min-width:200px) and (min-height:1700px){._mq200_1700{display:block;}}
        @media (min-width:200px) and (min-height:1800px){._mq200_1800{display:block;}}
        @media (min-width:200px) and (min-height:1900px){._mq200_1900{display:block;}}
        @media (min-width:200px) and (min-height:2000px){._mq200_2000{display:block;}}
        @media (min-width:300px) and (min-height:200px){._mq300_200{display:block;}}
        @media (min-width:300px) and (min-height:300px){._mq300_300{display:block;}}
        @media (min-width:300px) and (min-height:400px){._mq300_400{display:block;}}
        @media (min-width:300px) and (min-height:500px){._mq300_500{display:block;}}
        @media (min-width:300px) and (min-height:600px){._mq300_600{display:block;}}
        @media (min-width:300px) and (min-height:700px){._mq300_700{display:block;}}
        @media (min-width:300px) and (min-height:800px){._mq300_800{display:block;}}
        @media (min-width:300px) and (min-height:900px){._mq300_900{display:block;}}
        @media (min-width:300px) and (min-height:1000px){._mq300_1000{display:block;}}
        @media (min-width:300px) and (min-height:1100px){._mq300_1100{display:block;}}
        @media (min-width:300px) and (min-height:1200px){._mq300_1200{display:block;}}
        @media (min-width:300px) and (min-height:1300px){._mq300_1300{display:block;}}
        @media (min-width:300px) and (min-height:1400px){._mq300_1400{display:block;}}
        @media (min-width:300px) and (min-height:1500px){._mq300_1500{display:block;}}
        @media (min-width:300px) and (min-height:1600px){._mq300_1600{display:block;}}
        @media (min-width:300px) and (min-height:1700px){._mq300_1700{display:block;}}
        @media (min-width:300px) and (min-height:1800px){._mq300_1800{display:block;}}
        @media (min-width:300px) and (min-height:1900px){._mq300_1900{display:block;}}
        @media (min-width:300px) and (min-height:2000px){._mq300_2000{display:block;}}
        @media (min-width:400px) and (min-height:200px){._mq400_200{display:block;}}
        @media (min-width:400px) and (min-height:300px){._mq400_300{display:block;}}
        @media (min-width:400px) and (min-height:400px){._mq400_400{display:block;}}
        @media (min-width:400px) and (min-height:500px){._mq400_500{display:block;}}
        @media (min-width:400px) and (min-height:600px){._mq400_600{display:block;}}
        @media (min-width:400px) and (min-height:700px){._mq400_700{display:block;}}
        @media (min-width:400px) and (min-height:800px){._mq400_800{display:block;}}
        @media (min-width:400px) and (min-height:900px){._mq400_900{display:block;}}
        @media (min-width:400px) and (min-height:1000px){._mq400_1000{display:block;}}
        @media (min-width:400px) and (min-height:1100px){._mq400_1100{display:block;}}
        @media (min-width:400px) and (min-height:1200px){._mq400_1200{display:block;}}
        @media (min-width:400px) and (min-height:1300px){._mq400_1300{display:block;}}
        @media (min-width:400px) and (min-height:1400px){._mq400_1400{display:block;}}
        @media (min-width:400px) and (min-height:1500px){._mq400_1500{display:block;}}
        @media (min-width:400px) and (min-height:1600px){._mq400_1600{display:block;}}
        @media (min-width:400px) and (min-height:1700px){._mq400_1700{display:block;}}
        @media (min-width:400px) and (min-height:1800px){._mq400_1800{display:block;}}
        @media (min-width:400px) and (min-height:1900px){._mq400_1900{display:block;}}
        @media (min-width:400px) and (min-height:2000px){._mq400_2000{display:block;}}
        @media (min-width:500px) and (min-height:200px){._mq500_200{display:block;}}
        @media (min-width:500px) and (min-height:300px){._mq500_300{display:block;}}
        @media (min-width:500px) and (min-height:400px){._mq500_400{display:block;}}
        @media (min-width:500px) and (min-height:500px){._mq500_500{display:block;}}
        @media (min-width:500px) and (min-height:600px){._mq500_600{display:block;}}
        @media (min-width:500px) and (min-height:700px){._mq500_700{display:block;}}
        @media (min-width:500px) and (min-height:800px){._mq500_800{display:block;}}
        @media (min-width:500px) and (min-height:900px){._mq500_900{display:block;}}
        @media (min-width:500px) and (min-height:1000px){._mq500_1000{display:block;}}
        @media (min-width:500px) and (min-height:1100px){._mq500_1100{display:block;}}
        @media (min-width:500px) and (min-height:1200px){._mq500_1200{display:block;}}
        @media (min-width:500px) and (min-height:1300px){._mq500_1300{display:block;}}
        @media (min-width:500px) and (min-height:1400px){._mq500_1400{display:block;}}
        @media (min-width:500px) and (min-height:1500px){._mq500_1500{display:block;}}
        @media (min-width:500px) and (min-height:1600px){._mq500_1600{display:block;}}
        @media (min-width:500px) and (min-height:1700px){._mq500_1700{display:block;}}
        @media (min-width:500px) and (min-height:1800px){._mq500_1800{display:block;}}
        @media (min-width:500px) and (min-height:1900px){._mq500_1900{display:block;}}
        @media (min-width:500px) and (min-height:2000px){._mq500_2000{display:block;}}
        @media (min-width:600px) and (min-height:200px){._mq600_200{display:block;}}
        @media (min-width:600px) and (min-height:300px){._mq600_300{display:block;}}
        @media (min-width:600px) and (min-height:400px){._mq600_400{display:block;}}
        @media (min-width:600px) and (min-height:500px){._mq600_500{display:block;}}
        @media (min-width:600px) and (min-height:600px){._mq600_600{display:block;}}
        @media (min-width:600px) and (min-height:700px){._mq600_700{display:block;}}
        @media (min-width:600px) and (min-height:800px){._mq600_800{display:block;}}
        @media (min-width:600px) and (min-height:900px){._mq600_900{display:block;}}
        @media (min-width:600px) and (min-height:1000px){._mq600_1000{display:block;}}
        @media (min-width:600px) and (min-height:1100px){._mq600_1100{display:block;}}
        @media (min-width:600px) and (min-height:1200px){._mq600_1200{display:block;}}
        @media (min-width:600px) and (min-height:1300px){._mq600_1300{display:block;}}
        @media (min-width:600px) and (min-height:1400px){._mq600_1400{display:block;}}
        @media (min-width:600px) and (min-height:1500px){._mq600_1500{display:block;}}
        @media (min-width:600px) and (min-height:1600px){._mq600_1600{display:block;}}
        @media (min-width:600px) and (min-height:1700px){._mq600_1700{display:block;}}
        @media (min-width:600px) and (min-height:1800px){._mq600_1800{display:block;}}
        @media (min-width:600px) and (min-height:1900px){._mq600_1900{display:block;}}
        @media (min-width:600px) and (min-height:2000px){._mq600_2000{display:block;}}
        @media (min-width:700px) and (min-height:200px){._mq700_200{display:block;}}
        @media (min-width:700px) and (min-height:300px){._mq700_300{display:block;}}
        @media (min-width:700px) and (min-height:400px){._mq700_400{display:block;}}
        @media (min-width:700px) and (min-height:500px){._mq700_500{display:block;}}
        @media (min-width:700px) and (min-height:600px){._mq700_600{display:block;}}
        @media (min-width:700px) and (min-height:700px){._mq700_700{display:block;}}
        @media (min-width:700px) and (min-height:800px){._mq700_800{display:block;}}
        @media (min-width:700px) and (min-height:900px){._mq700_900{display:block;}}
        @media (min-width:700px) and (min-height:1000px){._mq700_1000{display:block;}}
        @media (min-width:700px) and (min-height:1100px){._mq700_1100{display:block;}}
        @media (min-width:700px) and (min-height:1200px){._mq700_1200{display:block;}}
        @media (min-width:700px) and (min-height:1300px){._mq700_1300{display:block;}}
        @media (min-width:700px) and (min-height:1400px){._mq700_1400{display:block;}}
        @media (min-width:700px) and (min-height:1500px){._mq700_1500{display:block;}}
        @media (min-width:700px) and (min-height:1600px){._mq700_1600{display:block;}}
        @media (min-width:700px) and (min-height:1700px){._mq700_1700{display:block;}}
        @media (min-width:700px) and (min-height:1800px){._mq700_1800{display:block;}}
        @media (min-width:700px) and (min-height:1900px){._mq700_1900{display:block;}}
        @media (min-width:700px) and (min-height:2000px){._mq700_2000{display:block;}}
        @media (min-width:800px) and (min-height:200px){._mq800_200{display:block;}}
        @media (min-width:800px) and (min-height:300px){._mq800_300{display:block;}}
        @media (min-width:800px) and (min-height:400px){._mq800_400{display:block;}}
        @media (min-width:800px) and (min-height:500px){._mq800_500{display:block;}}
        @media (min-width:800px) and (min-height:600px){._mq800_600{display:block;}}
        @media (min-width:800px) and (min-height:700px){._mq800_700{display:block;}}
        @media (min-width:800px) and (min-height:800px){._mq800_800{display:block;}}
        @media (min-width:800px) and (min-height:900px){._mq800_900{display:block;}}
        @media (min-width:800px) and (min-height:1000px){._mq800_1000{display:block;}}
        @media (min-width:800px) and (min-height:1100px){._mq800_1100{display:block;}}
        @media (min-width:800px) and (min-height:1200px){._mq800_1200{display:block;}}
        @media (min-width:800px) and (min-height:1300px){._mq800_1300{display:block;}}
        @media (min-width:800px) and (min-height:1400px){._mq800_1400{display:block;}}
        @media (min-width:800px) and (min-height:1500px){._mq800_1500{display:block;}}
        @media (min-width:800px) and (min-height:1600px){._mq800_1600{display:block;}}
        @media (min-width:800px) and (min-height:1700px){._mq800_1700{display:block;}}
        @media (min-width:800px) and (min-height:1800px){._mq800_1800{display:block;}}
        @media (min-width:800px) and (min-height:1900px){._mq800_1900{display:block;}}
        @media (min-width:800px) and (min-height:2000px){._mq800_2000{display:block;}}
        @media (min-width:900px) and (min-height:200px){._mq900_200{display:block;}}
        @media (min-width:900px) and (min-height:300px){._mq900_300{display:block;}}
        @media (min-width:900px) and (min-height:400px){._mq900_400{display:block;}}
        @media (min-width:900px) and (min-height:500px){._mq900_500{display:block;}}
        @media (min-width:900px) and (min-height:600px){._mq900_600{display:block;}}
        @media (min-width:900px) and (min-height:700px){._mq900_700{display:block;}}
        @media (min-width:900px) and (min-height:800px){._mq900_800{display:block;}}
        @media (min-width:900px) and (min-height:900px){._mq900_900{display:block;}}
        @media (min-width:900px) and (min-height:1000px){._mq900_1000{display:block;}}
        @media (min-width:900px) and (min-height:1100px){._mq900_1100{display:block;}}
        @media (min-width:900px) and (min-height:1200px){._mq900_1200{display:block;}}
        @media (min-width:900px) and (min-height:1300px){._mq900_1300{display:block;}}
        @media (min-width:900px) and (min-height:1400px){._mq900_1400{display:block;}}
        @media (min-width:900px) and (min-height:1500px){._mq900_1500{display:block;}}
        @media (min-width:900px) and (min-height:1600px){._mq900_1600{display:block;}}
        @media (min-width:900px) and (min-height:1700px){._mq900_1700{display:block;}}
        @media (min-width:900px) and (min-height:1800px){._mq900_1800{display:block;}}
        @media (min-width:900px) and (min-height:1900px){._mq900_1900{display:block;}}
        @media (min-width:900px) and (min-height:2000px){._mq900_2000{display:block;}}
        @media (min-width:1000px) and (min-height:200px){._mq1000_200{display:block;}}
        @media (min-width:1000px) and (min-height:300px){._mq1000_300{display:block;}}
        @media (min-width:1000px) and (min-height:400px){._mq1000_400{display:block;}}
        @media (min-width:1000px) and (min-height:500px){._mq1000_500{display:block;}}
        @media (min-width:1000px) and (min-height:600px){._mq1000_600{display:block;}}
        @media (min-width:1000px) and (min-height:700px){._mq1000_700{display:block;}}
        @media (min-width:1000px) and (min-height:800px){._mq1000_800{display:block;}}
        @media (min-width:1000px) and (min-height:900px){._mq1000_900{display:block;}}
        @media (min-width:1000px) and (min-height:1000px){._mq1000_1000{display:block;}}
        @media (min-width:1000px) and (min-height:1100px){._mq1000_1100{display:block;}}
        @media (min-width:1000px) and (min-height:1200px){._mq1000_1200{display:block;}}
        @media (min-width:1000px) and (min-height:1300px){._mq1000_1300{display:block;}}
        @media (min-width:1000px) and (min-height:1400px){._mq1000_1400{display:block;}}
        @media (min-width:1000px) and (min-height:1500px){._mq1000_1500{display:block;}}
        @media (min-width:1000px) and (min-height:1600px){._mq1000_1600{display:block;}}
        @media (min-width:1000px) and (min-height:1700px){._mq1000_1700{display:block;}}
        @media (min-width:1000px) and (min-height:1800px){._mq1000_1800{display:block;}}
        @media (min-width:1000px) and (min-height:1900px){._mq1000_1900{display:block;}}
        @media (min-width:1000px) and (min-height:2000px){._mq1000_2000{display:block;}}
        @media (min-width:1100px) and (min-height:200px){._mq1100_200{display:block;}}
        @media (min-width:1100px) and (min-height:300px){._mq1100_300{display:block;}}
        @media (min-width:1100px) and (min-height:400px){._mq1100_400{display:block;}}
        @media (min-width:1100px) and (min-height:500px){._mq1100_500{display:block;}}
        @media (min-width:1100px) and (min-height:600px){._mq1100_600{display:block;}}
        @media (min-width:1100px) and (min-height:700px){._mq1100_700{display:block;}}
        @media (min-width:1100px) and (min-height:800px){._mq1100_800{display:block;}}
        @media (min-width:1100px) and (min-height:900px){._mq1100_900{display:block;}}
        @media (min-width:1100px) and (min-height:1000px){._mq1100_1000{display:block;}}
        @media (min-width:1100px) and (min-height:1100px){._mq1100_1100{display:block;}}
        @media (min-width:1100px) and (min-height:1200px){._mq1100_1200{display:block;}}
        @media (min-width:1100px) and (min-height:1300px){._mq1100_1300{display:block;}}
        @media (min-width:1100px) and (min-height:1400px){._mq1100_1400{display:block;}}
        @media (min-width:1100px) and (min-height:1500px){._mq1100_1500{display:block;}}
        @media (min-width:1100px) and (min-height:1600px){._mq1100_1600{display:block;}}
        @media (min-width:1100px) and (min-height:1700px){._mq1100_1700{display:block;}}
        @media (min-width:1100px) and (min-height:1800px){._mq1100_1800{display:block;}}
        @media (min-width:1100px) and (min-height:1900px){._mq1100_1900{display:block;}}
        @media (min-width:1100px) and (min-height:2000px){._mq1100_2000{display:block;}}
        @media (min-width:1200px) and (min-height:200px){._mq1200_200{display:block;}}
        @media (min-width:1200px) and (min-height:300px){._mq1200_300{display:block;}}
        @media (min-width:1200px) and (min-height:400px){._mq1200_400{display:block;}}
        @media (min-width:1200px) and (min-height:500px){._mq1200_500{display:block;}}
        @media (min-width:1200px) and (min-height:600px){._mq1200_600{display:block;}}
        @media (min-width:1200px) and (min-height:700px){._mq1200_700{display:block;}}
        @media (min-width:1200px) and (min-height:800px){._mq1200_800{display:block;}}
        @media (min-width:1200px) and (min-height:900px){._mq1200_900{display:block;}}
        @media (min-width:1200px) and (min-height:1000px){._mq1200_1000{display:block;}}
        @media (min-width:1200px) and (min-height:1100px){._mq1200_1100{display:block;}}
        @media (min-width:1200px) and (min-height:1200px){._mq1200_1200{display:block;}}
        @media (min-width:1200px) and (min-height:1300px){._mq1200_1300{display:block;}}
        @media (min-width:1200px) and (min-height:1400px){._mq1200_1400{display:block;}}
        @media (min-width:1200px) and (min-height:1500px){._mq1200_1500{display:block;}}
        @media (min-width:1200px) and (min-height:1600px){._mq1200_1600{display:block;}}
        @media (min-width:1200px) and (min-height:1700px){._mq1200_1700{display:block;}}
        @media (min-width:1200px) and (min-height:1800px){._mq1200_1800{display:block;}}
        @media (min-width:1200px) and (min-height:1900px){._mq1200_1900{display:block;}}
        @media (min-width:1200px) and (min-height:2000px){._mq1200_2000{display:block;}}
        @media (min-width:1300px) and (min-height:200px){._mq1300_200{display:block;}}
        @media (min-width:1300px) and (min-height:300px){._mq1300_300{display:block;}}
        @media (min-width:1300px) and (min-height:400px){._mq1300_400{display:block;}}
        @media (min-width:1300px) and (min-height:500px){._mq1300_500{display:block;}}
        @media (min-width:1300px) and (min-height:600px){._mq1300_600{display:block;}}
        @media (min-width:1300px) and (min-height:700px){._mq1300_700{display:block;}}
        @media (min-width:1300px) and (min-height:800px){._mq1300_800{display:block;}}
        @media (min-width:1300px) and (min-height:900px){._mq1300_900{display:block;}}
        @media (min-width:1300px) and (min-height:1000px){._mq1300_1000{display:block;}}
        @media (min-width:1300px) and (min-height:1100px){._mq1300_1100{display:block;}}
        @media (min-width:1300px) and (min-height:1200px){._mq1300_1200{display:block;}}
        @media (min-width:1300px) and (min-height:1300px){._mq1300_1300{display:block;}}
        @media (min-width:1300px) and (min-height:1400px){._mq1300_1400{display:block;}}
        @media (min-width:1300px) and (min-height:1500px){._mq1300_1500{display:block;}}
        @media (min-width:1300px) and (min-height:1600px){._mq1300_1600{display:block;}}
        @media (min-width:1300px) and (min-height:1700px){._mq1300_1700{display:block;}}
        @media (min-width:1300px) and (min-height:1800px){._mq1300_1800{display:block;}}
        @media (min-width:1300px) and (min-height:1900px){._mq1300_1900{display:block;}}
        @media (min-width:1300px) and (min-height:2000px){._mq1300_2000{display:block;}}
        @media (min-width:1400px) and (min-height:200px){._mq1400_200{display:block;}}
        @media (min-width:1400px) and (min-height:300px){._mq1400_300{display:block;}}
        @media (min-width:1400px) and (min-height:400px){._mq1400_400{display:block;}}
        @media (min-width:1400px) and (min-height:500px){._mq1400_500{display:block;}}
        @media (min-width:1400px) and (min-height:600px){._mq1400_600{display:block;}}
        @media (min-width:1400px) and (min-height:700px){._mq1400_700{display:block;}}
        @media (min-width:1400px) and (min-height:800px){._mq1400_800{display:block;}}
        @media (min-width:1400px) and (min-height:900px){._mq1400_900{display:block;}}
        @media (min-width:1400px) and (min-height:1000px){._mq1400_1000{display:block;}}
        @media (min-width:1400px) and (min-height:1100px){._mq1400_1100{display:block;}}
        @media (min-width:1400px) and (min-height:1200px){._mq1400_1200{display:block;}}
        @media (min-width:1400px) and (min-height:1300px){._mq1400_1300{display:block;}}
        @media (min-width:1400px) and (min-height:1400px){._mq1400_1400{display:block;}}
        @media (min-width:1400px) and (min-height:1500px){._mq1400_1500{display:block;}}
        @media (min-width:1400px) and (min-height:1600px){._mq1400_1600{display:block;}}
        @media (min-width:1400px) and (min-height:1700px){._mq1400_1700{display:block;}}
        @media (min-width:1400px) and (min-height:1800px){._mq1400_1800{display:block;}}
        @media (min-width:1400px) and (min-height:1900px){._mq1400_1900{display:block;}}
        @media (min-width:1400px) and (min-height:2000px){._mq1400_2000{display:block;}}
        @media (min-width:1500px) and (min-height:200px){._mq1500_200{display:block;}}
        @media (min-width:1500px) and (min-height:300px){._mq1500_300{display:block;}}
        @media (min-width:1500px) and (min-height:400px){._mq1500_400{display:block;}}
        @media (min-width:1500px) and (min-height:500px){._mq1500_500{display:block;}}
        @media (min-width:1500px) and (min-height:600px){._mq1500_600{display:block;}}
        @media (min-width:1500px) and (min-height:700px){._mq1500_700{display:block;}}
        @media (min-width:1500px) and (min-height:800px){._mq1500_800{display:block;}}
        @media (min-width:1500px) and (min-height:900px){._mq1500_900{display:block;}}
        @media (min-width:1500px) and (min-height:1000px){._mq1500_1000{display:block;}}
        @media (min-width:1500px) and (min-height:1100px){._mq1500_1100{display:block;}}
        @media (min-width:1500px) and (min-height:1200px){._mq1500_1200{display:block;}}
        @media (min-width:1500px) and (min-height:1300px){._mq1500_1300{display:block;}}
        @media (min-width:1500px) and (min-height:1400px){._mq1500_1400{display:block;}}
        @media (min-width:1500px) and (min-height:1500px){._mq1500_1500{display:block;}}
        @media (min-width:1500px) and (min-height:1600px){._mq1500_1600{display:block;}}
        @media (min-width:1500px) and (min-height:1700px){._mq1500_1700{display:block;}}
        @media (min-width:1500px) and (min-height:1800px){._mq1500_1800{display:block;}}
        @media (min-width:1500px) and (min-height:1900px){._mq1500_1900{display:block;}}
        @media (min-width:1500px) and (min-height:2000px){._mq1500_2000{display:block;}}
        @media (min-width:1600px) and (min-height:200px){._mq1600_200{display:block;}}
        @media (min-width:1600px) and (min-height:300px){._mq1600_300{display:block;}}
        @media (min-width:1600px) and (min-height:400px){._mq1600_400{display:block;}}
        @media (min-width:1600px) and (min-height:500px){._mq1600_500{display:block;}}
        @media (min-width:1600px) and (min-height:600px){._mq1600_600{display:block;}}
        @media (min-width:1600px) and (min-height:700px){._mq1600_700{display:block;}}
        @media (min-width:1600px) and (min-height:800px){._mq1600_800{display:block;}}
        @media (min-width:1600px) and (min-height:900px){._mq1600_900{display:block;}}
        @media (min-width:1600px) and (min-height:1000px){._mq1600_1000{display:block;}}
        @media (min-width:1600px) and (min-height:1100px){._mq1600_1100{display:block;}}
        @media (min-width:1600px) and (min-height:1200px){._mq1600_1200{display:block;}}
        @media (min-width:1600px) and (min-height:1300px){._mq1600_1300{display:block;}}
        @media (min-width:1600px) and (min-height:1400px){._mq1600_1400{display:block;}}
        @media (min-width:1600px) and (min-height:1500px){._mq1600_1500{display:block;}}
        @media (min-width:1600px) and (min-height:1600px){._mq1600_1600{display:block;}}
        @media (min-width:1600px) and (min-height:1700px){._mq1600_1700{display:block;}}
        @media (min-width:1600px) and (min-height:1800px){._mq1600_1800{display:block;}}
        @media (min-width:1600px) and (min-height:1900px){._mq1600_1900{display:block;}}
        @media (min-width:1600px) and (min-height:2000px){._mq1600_2000{display:block;}}
        @media (min-width:1700px) and (min-height:200px){._mq1700_200{display:block;}}
        @media (min-width:1700px) and (min-height:300px){._mq1700_300{display:block;}}
        @media (min-width:1700px) and (min-height:400px){._mq1700_400{display:block;}}
        @media (min-width:1700px) and (min-height:500px){._mq1700_500{display:block;}}
        @media (min-width:1700px) and (min-height:600px){._mq1700_600{display:block;}}
        @media (min-width:1700px) and (min-height:700px){._mq1700_700{display:block;}}
        @media (min-width:1700px) and (min-height:800px){._mq1700_800{display:block;}}
        @media (min-width:1700px) and (min-height:900px){._mq1700_900{display:block;}}
        @media (min-width:1700px) and (min-height:1000px){._mq1700_1000{display:block;}}
        @media (min-width:1700px) and (min-height:1100px){._mq1700_1100{display:block;}}
        @media (min-width:1700px) and (min-height:1200px){._mq1700_1200{display:block;}}
        @media (min-width:1700px) and (min-height:1300px){._mq1700_1300{display:block;}}
        @media (min-width:1700px) and (min-height:1400px){._mq1700_1400{display:block;}}
        @media (min-width:1700px) and (min-height:1500px){._mq1700_1500{display:block;}}
        @media (min-width:1700px) and (min-height:1600px){._mq1700_1600{display:block;}}
        @media (min-width:1700px) and (min-height:1700px){._mq1700_1700{display:block;}}
        @media (min-width:1700px) and (min-height:1800px){._mq1700_1800{display:block;}}
        @media (min-width:1700px) and (min-height:1900px){._mq1700_1900{display:block;}}
        @media (min-width:1700px) and (min-height:2000px){._mq1700_2000{display:block;}}
        @media (min-width:1800px) and (min-height:200px){._mq1800_200{display:block;}}
        @media (min-width:1800px) and (min-height:300px){._mq1800_300{display:block;}}
        @media (min-width:1800px) and (min-height:400px){._mq1800_400{display:block;}}
        @media (min-width:1800px) and (min-height:500px){._mq1800_500{display:block;}}
        @media (min-width:1800px) and (min-height:600px){._mq1800_600{display:block;}}
        @media (min-width:1800px) and (min-height:700px){._mq1800_700{display:block;}}
        @media (min-width:1800px) and (min-height:800px){._mq1800_800{display:block;}}
        @media (min-width:1800px) and (min-height:900px){._mq1800_900{display:block;}}
        @media (min-width:1800px) and (min-height:1000px){._mq1800_1000{display:block;}}
        @media (min-width:1800px) and (min-height:1100px){._mq1800_1100{display:block;}}
        @media (min-width:1800px) and (min-height:1200px){._mq1800_1200{display:block;}}
        @media (min-width:1800px) and (min-height:1300px){._mq1800_1300{display:block;}}
        @media (min-width:1800px) and (min-height:1400px){._mq1800_1400{display:block;}}
        @media (min-width:1800px) and (min-height:1500px){._mq1800_1500{display:block;}}
        @media (min-width:1800px) and (min-height:1600px){._mq1800_1600{display:block;}}
        @media (min-width:1800px) and (min-height:1700px){._mq1800_1700{display:block;}}
        @media (min-width:1800px) and (min-height:1800px){._mq1800_1800{display:block;}}
        @media (min-width:1800px) and (min-height:1900px){._mq1800_1900{display:block;}}
        @media (min-width:1800px) and (min-height:2000px){._mq1800_2000{display:block;}}
        @media (min-width:1900px) and (min-height:200px){._mq1900_200{display:block;}}
        @media (min-width:1900px) and (min-height:300px){._mq1900_300{display:block;}}
        @media (min-width:1900px) and (min-height:400px){._mq1900_400{display:block;}}
        @media (min-width:1900px) and (min-height:500px){._mq1900_500{display:block;}}
        @media (min-width:1900px) and (min-height:600px){._mq1900_600{display:block;}}
        @media (min-width:1900px) and (min-height:700px){._mq1900_700{display:block;}}
        @media (min-width:1900px) and (min-height:800px){._mq1900_800{display:block;}}
        @media (min-width:1900px) and (min-height:900px){._mq1900_900{display:block;}}
        @media (min-width:1900px) and (min-height:1000px){._mq1900_1000{display:block;}}
        @media (min-width:1900px) and (min-height:1100px){._mq1900_1100{display:block;}}
        @media (min-width:1900px) and (min-height:1200px){._mq1900_1200{display:block;}}
        @media (min-width:1900px) and (min-height:1300px){._mq1900_1300{display:block;}}
        @media (min-width:1900px) and (min-height:1400px){._mq1900_1400{display:block;}}
        @media (min-width:1900px) and (min-height:1500px){._mq1900_1500{display:block;}}
        @media (min-width:1900px) and (min-height:1600px){._mq1900_1600{display:block;}}
        @media (min-width:1900px) and (min-height:1700px){._mq1900_1700{display:block;}}
        @media (min-width:1900px) and (min-height:1800px){._mq1900_1800{display:block;}}
        @media (min-width:1900px) and (min-height:1900px){._mq1900_1900{display:block;}}
        @media (min-width:1900px) and (min-height:2000px){._mq1900_2000{display:block;}}
        @media (min-width:2000px) and (min-height:200px){._mq2000_200{display:block;}}
        @media (min-width:2000px) and (min-height:300px){._mq2000_300{display:block;}}
        @media (min-width:2000px) and (min-height:400px){._mq2000_400{display:block;}}
        @media (min-width:2000px) and (min-height:500px){._mq2000_500{display:block;}}
        @media (min-width:2000px) and (min-height:600px){._mq2000_600{display:block;}}
        @media (min-width:2000px) and (min-height:700px){._mq2000_700{display:block;}}
        @media (min-width:2000px) and (min-height:800px){._mq2000_800{display:block;}}
        @media (min-width:2000px) and (min-height:900px){._mq2000_900{display:block;}}
        @media (min-width:2000px) and (min-height:1000px){._mq2000_1000{display:block;}}
        @media (min-width:2000px) and (min-height:1100px){._mq2000_1100{display:block;}}
        @media (min-width:2000px) and (min-height:1200px){._mq2000_1200{display:block;}}
        @media (min-width:2000px) and (min-height:1300px){._mq2000_1300{display:block;}}
        @media (min-width:2000px) and (min-height:1400px){._mq2000_1400{display:block;}}
        @media (min-width:2000px) and (min-height:1500px){._mq2000_1500{display:block;}}
        @media (min-width:2000px) and (min-height:1600px){._mq2000_1600{display:block;}}
        @media (min-width:2000px) and (min-height:1700px){._mq2000_1700{display:block;}}
        @media (min-width:2000px) and (min-height:1800px){._mq2000_1800{display:block;}}
        @media (min-width:2000px) and (min-height:1900px){._mq2000_1900{display:block;}}
        @media (min-width:2000px) and (min-height:2000px){._mq2000_2000{display:block;}}
        /* Orientation media queries */
        @media (orientation:portrait){._portrait{display:block;}}
        @media (orientation:landscape){._landscape{display:block;}}
        /* Resolution media queries */
        @media (-webkit-min-device-pixel-ratio:1){._dpr1{image-rendering:crisp-edges;}}
        @media (-webkit-min-device-pixel-ratio:2){._dpr2{image-rendering:crisp-edges;}}
        @media (-webkit-min-device-pixel-ratio:3){._dpr3{image-rendering:crisp-edges;}}
        @media (-webkit-min-device-pixel-ratio:4){._dpr4{image-rendering:crisp-edges;}}
        /* Hover capability */
        @media (hover:hover){._hoverable:hover{opacity:0.8;}}
        @media (hover:none){._hoverable{opacity:1;}}
        /* Pointer capability */
        @media (pointer:fine){._pointerfine{cursor:pointer;}}
        @media (pointer:coarse){._pointercoarse{cursor:default;}}
        /* Any hover */
        @media (any-hover:hover){._anyhover:hover{opacity:0.9;}}
        /* Any pointer */
        @media (any-pointer:fine){._anypointerfine{cursor:crosshair;}}
        /* Additional container queries simulation */
        @media (min-width:100px){._cq100{max-width:100px;}}
        @media (min-width:150px){._cq150{max-width:150px;}}
        @media (min-width:200px){._cq200{max-width:200px;}}
        @media (min-width:250px){._cq250{max-width:250px;}}
        @media (min-width:300px){._cq300{max-width:300px;}}
        @media (min-width:350px){._cq350{max-width:350px;}}
        @media (min-width:400px){._cq400{max-width:400px;}}
        @media (min-width:450px){._cq450{max-width:450px;}}
        @media (min-width:500px){._cq500{max-width:500px;}}
        @media (min-width:550px){._cq550{max-width:550px;}}
        @media (min-width:600px){._cq600{max-width:600px;}}
        @media (min-width:650px){._cq650{max-width:650px;}}
        @media (min-width:700px){._cq700{max-width:700px;}}
        @media (min-width:750px){._cq750{max-width:750px;}}
        @media (min-width:800px){._cq800{max-width:800px;}}
        @media (min-width:850px){._cq850{max-width:850px;}}
        @media (min-width:900px){._cq900{max-width:900px;}}
        @media (min-width:950px){._cq950{max-width:950px;}}
        @media (min-width:1000px){._cq1000{max-width:1000px;}}
        @media (min-width:1050px){._cq1050{max-width:1050px;}}
        @media (min-width:1100px){._cq1100{max-width:1100px;}}
        @media (min-width:1150px){._cq1150{max-width:1150px;}}
        @media (min-width:1200px){._cq1200{max-width:1200px;}}
        @media (min-width:1250px){._cq1250{max-width:1250px;}}
        @media (min-width:1300px){._cq1300{max-width:1300px;}}
        @media (min-width:1350px){._cq1350{max-width:1350px;}}
        @media (min-width:1400px){._cq1400{max-width:1400px;}}
        @media (min-width:1450px){._cq1450{max-width:1450px;}}
        @media (min-width:1500px){._cq1500{max-width:1500px;}}
        @media (min-width:1550px){._cq1550{max-width:1550px;}}
        @media (min-width:1600px){._cq1600{max-width:1600px;}}
        @media (min-width:1650px){._cq1650{max-width:1650px;}}
        @media (min-width:1700px){._cq1700{max-width:1700px;}}
        @media (min-width:1750px){._cq1750{max-width:1750px;}}
        @media (min-width:1800px){._cq1800{max-width:1800px;}}
        @media (min-width:1850px){._cq1850{max-width:1850px;}}
        @media (min-width:1900px){._cq1900{max-width:1900px;}}
        @media (min-width:1950px){._cq1950{max-width:1950px;}}
        @media (min-width:2000px){._cq2000{max-width:2000px;}}

/* === INLINE STYLE BLOCK 12 === */
/* Support Widget Styles */
.support-widget {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 9999;
}

.support-button {
    width: 64px;
    height: 64px;
    background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 6px 25px rgba(var(--brand-rgb, 0, 229, 204), 0.5);
    transition: all 0.3s ease;
    position: relative;
    animation: supportPulse 2s ease-in-out infinite;
}

@keyframes supportPulse {
    0%, 100% { box-shadow: 0 6px 25px rgba(var(--brand-rgb, 0, 229, 204), 0.5); }
    50% { box-shadow: 0 8px 35px rgba(var(--brand-rgb, 0, 229, 204), 0.7); }
}

.support-button:hover {
    transform: scale(1.1);
    box-shadow: 0 8px 35px rgba(var(--brand-rgb, 0, 229, 204), 0.7);
}

.support-icon {
    font-size: 28px;
    display: block;
}

.support-badge {
    position: absolute;
    top: -5px;
    right: -5px;
    background: var(--brand-primary-light);
    color: #0d2818;
    font-size: 10px;
    font-weight: 800;
    padding: 3px 6px;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(var(--brand-rgb, 0, 229, 204), 0.5);
}

.support-panel {
    position: absolute;
    bottom: 80px;
    right: 0;
    width: 340px;
    background: linear-gradient(135deg, rgba(var(--brand-rgb, 0, 229, 204), 0.15), rgba(0, 0, 0, 0.95));
    border: 2px solid rgba(var(--brand-rgb, 0, 229, 204), 0.3);
    border-radius: 20px;
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(20px);
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px) scale(0.9);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.support-panel.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
}

.support-panel-header {
    background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);
    padding: 20px;
    border-radius: 18px 18px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.support-panel-title {
    font-size: 18px;
    font-weight: 700;
    color: white;
    margin: 0 0 8px 0;
}

.support-panel-status {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.9);
}

.status-indicator {
    width: 8px;
    height: 8px;
    background: var(--brand-primary-light);
    border-radius: 50%;
    animation: statusBlink 2s ease-in-out infinite;
}

@keyframes statusBlink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

.support-close {
    background: none;
    border: none;
    color: white;
    font-size: 28px;
    cursor: pointer;
    padding: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.2s ease;
}

.support-close:hover {
    background: rgba(255, 255, 255, 0.2);
}

.support-panel-body {
    padding: 24px;
}

.support-contact-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
    background: rgba(var(--brand-rgb, 0, 229, 204), 0.08);
    border-radius: 12px;
    margin-bottom: 12px;
    border: 1px solid rgba(var(--brand-rgb, 0, 229, 204), 0.2);
}

.contact-icon {
    font-size: 24px;
}

.contact-content {
    flex: 1;
}

.contact-label {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 4px;
    font-weight: 600;
}

.contact-link {
    color: var(--brand-primary);
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: color 0.2s ease;
}

.contact-link:hover {
    color: var(--brand-primary-light);
}

.support-chat-button {
    width: 100%;
    padding: 14px;
    background: linear-gradient(135deg, var(--brand-primary), var(--brand-primary-dark));
    color: #0d2818;
    border: none;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 800;
    cursor: pointer;
    margin-top: 16px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(var(--brand-rgb, 0, 229, 204), 0.3);
}

.support-chat-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 229, 204, 0.5);
}

@media (max-width: 768px) {
    .support-widget {
        bottom: 16px;
        right: 16px;
    }
    
    .support-button {
        width: 56px;
        height: 56px;
    }
    
    .support-icon {
        font-size: 24px;
    }
    
    .support-panel {
        width: calc(100vw - 32px);
        right: -8px;
    }
}

/* ==============================================
   Адаптивные таблицы в контенте
   ============================================== */
.block-text table,
.page-content-inner table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-collapse: collapse;
    margin: 16px 0;
}
.block-text table td,
.block-text table th,
.page-content-inner table td,
.page-content-inner table th {
    padding: 8px 12px;
    border: 1px solid rgba(255,255,255,.1);
    white-space: nowrap;
    min-width: 100px;
}
@media (max-width: 768px) {
    .block-text table,
    .page-content-inner table { font-size: 13px; }
    .block-text table td,
    .block-text table th,
    .page-content-inner table td,
    .page-content-inner table th { padding: 6px 8px; }
}

/* ==============================================
   Навигация — горизонтальный скролл (все 12 страниц)
   Специфичность повышена для перебивания variant-v1..v4
   ============================================== */
.header .main-nav .nav-list {
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 2px;
    scrollbar-width: none;
}
.header .main-nav .nav-list::-webkit-scrollbar { display: none; }
.header .main-nav .nav-link { white-space: nowrap; font-size: 13px; padding: 6px 10px; }
@media (max-width: 1200px) {
    .header .main-nav .nav-link { font-size: 12px; padding: 5px 7px; }
}

/* ==============================================
   Футер — grid навигации
   ============================================== */
.footer-block-wide { grid-column: span 2; }
.footer-nav-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px 24px;
}
@media (min-width: 768px) {
    .footer-nav-grid { grid-template-columns: 1fr 1fr 1fr; }
}