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

:root {--card-gradient: linear-gradient(145deg, #1e293b 0%, #334155 100%);--container-max-width: 1200px;--radius-md: 0.5rem;--primary-bg: #0f172a;--warning-color: rgb(249,115,22);--shadow-accent: 0 8px 32px rgba(6, 182, 212, 0.4);--text-muted: #94a3b8;--section-padding: 4rem 0;--transition-slow: 0.5s ease-in-out;--transition-fast: 0.15s ease-in-out;--primary-gradient: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);--secondary-bg: #1e293b;--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, 0.15);--tertiary-bg: #334155;--success-color: rgba(16,185,129,1);--accent-color: rgb(6,182,212);--shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, 0.1);--shadow-vip: 0 0 20px rgba(6, 182, 212, 0.3);--shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, 0.25);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, 0.2);--font-primary: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--radius-xl: 1rem;--radius-sm: 0.375rem;--info-color: #06b6d4;--accent-hover: #0891b2;--hero-gradient: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--accent-light: rgb(103,232,249);--radius-lg: 0.75rem;--radius-full: 9999px;--shadow-glow: 0 0 30px rgba(6, 182, 212, 0.3);--transition-normal: 0.3s ease-in-out;--text-gray: #cbd5e1;--danger-color: rgb(239,68,68);--font-heading: 'Roboto Slab', Georgia, serif;--text-white: #f8fafc}

html {scroll-behavior: smooth;font-size: 16px}
body {color: var(--text-white);overflow-x: hidden;font-family: var(--font-primary);background-color: var(--primary-bg);line-height: 1.6;outline-offset:0;user-select:auto;pointer-events:auto;visibility:visible}
.dark-theme {background: var(--hero-gradient);min-height: 100vh}

.container {padding: 0 1rem;max-width: var(--container-max-width);margin: 0 auto}
@media (min-width: 640px) { .container { padding: 0 1.5rem; } }
@media (min-width: 1024px) { .container { padding: 0 2rem; } }

h1, h2, h3, h4, h5, h6 {line-height: 1.2;font-family: var(--font-heading);margin-bottom: 1rem;font-weight: 700}
h1 {background: var(--primary-gradient);font-size: clamp(2rem, 4vw, 3.5rem);-webkit-text-fill-color: transparent;-webkit-background-clip: text;background-clip: text}
h2 {font-size: clamp(1.75rem, 3vw, 2.5rem);color: var(--text-white)}
h3 {color: var(--accent-color);font-size: clamp(1.25rem, 2.5vw, 1.875rem)}
h4 { font-size: 1.05rem; }
p {margin-bottom: 1rem;color: var(--text-gray)}
strong {color: var(--accent-color);font-weight: 600}
a { color: var(--accent-light); }
ul, ol { list-style-position: inside; }


.main-header {background: rgba(30, 27, 75, 0.95);transition: var(--transition-normal);right: 0;position: fixed;top: 0;backdrop-filter: blur(10px);z-index: 1000;left: 0;border-bottom: 1px solid rgba(6, 182, 212, 0.2)}
.header-content {padding: 0.75rem 0;display: flex;align-items: center;gap: 1rem;justify-content: space-between}
@media (max-width: 1023px) {
  .header-content {display: grid;grid-template-columns: 1fr auto auto;gap: 0.75rem;align-items: center}
  .brand-logo {grid-column: 1;min-width: 0}
  .mobile-register { grid-column: 2; }
  .mobile-menu-toggle { grid-column: 3; }
}
.brand-logo img {height: 42px;width: auto;transition: var(--transition-fast);max-width: 100%}
.brand-logo:hover img { transform: scale(1.05); }
.logo-section {display: flex;align-items: center;min-width: 0}
.w1-brand-text {font-weight: 700;font-size: 1.35rem;font-family: var(--font-heading);color: var(--text-white)}

.desktop-nav { display: none; }
@media (min-width: 1200px) { .desktop-nav { display: block; } }
.nav-groups {gap: 1.5rem;display: flex;align-items: center}
.nav-group { position: relative; }
.nav-group-label {margin-bottom: 0.15rem;font-size: 0.65rem;color: var(--text-muted);font-weight: 600;display: block;letter-spacing: 0.03em;text-transform: uppercase}
.nav-group .nav-menu, .nav-menu {margin: 0;gap: 0.6rem;padding: 0;list-style: none;display: flex}
.nav-link {text-decoration: none;font-size: 0.85rem;padding: 0.4rem 0.6rem;border-radius: var(--radius-sm);color: var(--text-gray);font-weight: 500;transition: var(--transition-fast);white-space: nowrap}
.nav-link:hover, .nav-link.active {background: var(--tertiary-bg);box-shadow: var(--shadow-glow);color: var(--accent-light)}

.header-actions {display: none;gap: 0.75rem}
@media (min-width: 1200px) { .header-actions { display: flex; } }
.mobile-register {display: flex;align-items: center}
@media (min-width: 1200px) { .mobile-register { display: none; } }

.btn-mobile-register {white-space: nowrap;box-shadow: var(--shadow-glow);font-size: 0.8rem;background: var(--primary-gradient);padding: 0.55rem 0.9rem;font-weight: 700;color: var(--primary-bg);text-decoration: none;border-radius: var(--radius-full);text-transform: uppercase;border: 2px solid var(--accent-color);letter-spacing: 0.3px}

.mobile-menu-toggle {border: none;padding: 0.5rem;cursor: pointer;flex-direction: column;gap: 4px;display: flex;z-index: 1001;background: none}
@media (min-width: 1200px) { .mobile-menu-toggle { display: none; } }
.mobile-menu-toggle span {border-radius: var(--radius-full);background: var(--accent-color);height: 3px;width: 24px;transition: var(--transition-fast)}
.mobile-menu-toggle.active span:nth-child(1) { transform: rotate(45deg) translate(6px, 6px); }
.mobile-menu-toggle.active span:nth-child(2) { opacity: 0; }
.mobile-menu-toggle.active span:nth-child(3) { transform: rotate(-45deg) translate(6px, -6px); }

.mobile-nav {overflow-y: auto;box-shadow: var(--shadow-lg);right: 0;position: absolute;z-index: 1000;transition: max-height 0.3s ease-in-out;border-top: 1px solid rgba(6, 182, 212, 0.2);top: 100%;left: 0;max-height: 0;display: none;background: var(--secondary-bg)}
.mobile-nav.active {max-height: 80vh;display: block}
body.mobile-menu-open { overflow: hidden; }
.mobile-menu {list-style: none;padding: 0.75rem 0}
.mobile-link {text-decoration: none;border-bottom: 1px solid rgba(255,255,255,0.1);font-size: 0.9rem;display: flex;align-items: center;padding: 0.75rem 1.5rem;gap: 0.6rem;color: var(--text-gray);font-weight: 500}
.mobile-link:hover, .mobile-link.active {color: var(--accent-light);padding-left: 1.375rem;background: var(--tertiary-bg);border-left: 3px solid var(--accent-color)}
.mobile-link.cta {font-weight: 700;color: var(--accent-color)}


.btn {cursor: pointer;white-space: nowrap;border-radius: var(--radius-full);justify-content: center;align-items: center;display: inline-flex;transition: var(--transition-normal);padding: 0.75rem 1.5rem;gap: 0.5rem;border: none;font-size: 0.875rem;font-weight: 600;text-align: center;text-decoration: none}
.btn-primary {background: var(--primary-gradient);color: var(--text-white);box-shadow: var(--shadow-accent)}
.btn-primary:hover {box-shadow: 0 12px 40px rgba(6, 182, 212, 0.5);transform: translateY(-2px)}
.btn-outline {background: transparent;border: 2px solid var(--accent-color);color: var(--accent-color)}
.btn-outline:hover {color: var(--primary-bg);background: var(--accent-color)}
.btn-hero {color: var(--text-white);padding: 1.1rem 1.75rem;font-size: 1.05rem;flex-direction: column;box-shadow: var(--shadow-accent);white-space: normal;gap: 0.2rem;background: var(--primary-gradient)}
.btn-hero:hover {transform: translateY(-3px);box-shadow: 0 16px 48px rgba(6, 182, 212, 0.5)}
.btn-hero-large {padding: 1.4rem 2.5rem;box-shadow: var(--shadow-accent);white-space: normal;flex-direction: column;gap: 0.4rem;color: var(--text-white);background: var(--primary-gradient);font-size: 1.15rem}
.btn-secondary {background: var(--secondary-bg);border: 1px solid var(--accent-color);color: var(--accent-color)}
.btn-secondary:hover {color: var(--primary-bg);background: var(--accent-color)}
.btn-accent {color: var(--primary-bg);background: var(--accent-color)}
.btn-accent:hover {transform: translateY(-2px);background: var(--accent-hover)}
.btn-vip {font-weight: 700;background: var(--info-color);color: var(--accent-light);box-shadow: var(--shadow-vip)}
.btn-vip:hover {background: linear-gradient(135deg, var(--info-color), var(--accent-color));box-shadow: 0 12px 40px rgba(6, 182, 212, 0.4);transform: translateY(-2px)}
.btn-text {font-size: 1em;display: block;font-weight: 700}
.btn-bonus {font-size: 0.8em;opacity: 0.9;font-weight: 500;display: block}
.btn-game-play, .btn-hot-play, .btn-new-play, .btn-channel {border-radius: var(--radius-full);padding: 0.55rem 1.25rem;font-size: 0.85rem;text-decoration: none;display: inline-block;color: var(--text-white);font-weight: 600;background: var(--primary-gradient);margin-top: 0.75rem}
.btn-game-play:hover, .btn-hot-play:hover, .btn-new-play:hover, .btn-channel:hover { transform: translateY(-2px); }
.calc-button {border: none;cursor: pointer}


.hero-section {padding: 8rem 0 4rem;background: var(--hero-gradient);position: relative;overflow: hidden}
.hero-section::before {background: radial-gradient(circle at 50% 50%, rgba(6, 182, 212, 0.15) 0%, transparent 70%);position: absolute;content: '';pointer-events: none;inset: 0}
.hero-content {z-index: 1;align-items: center;display: grid;gap: 2.5rem;position: relative}
@media (min-width: 1024px) { .hero-content {gap: 3.5rem;grid-template-columns: 1fr 1fr} }
.hero-title {line-height: 1.1;margin-bottom: 1.5rem}
.hero-subtitle {font-size: 1.15rem;margin-bottom: 1.5rem;color: var(--text-gray);line-height: 1.55}
.hero-cta { margin-bottom: 1.5rem; }
.hero-image {justify-content: center;align-items: center;display: flex}
.main-image {transition: var(--transition-slow);max-width: 480px;border-radius: var(--radius-xl);box-shadow: var(--shadow-accent);height: auto;width: 100%}
.main-image:hover {box-shadow: 0 16px 48px rgba(6, 182, 212, 0.4);transform: scale(1.02)}

.trust-indicators, .security-features, .casino-features, .app-features-quick {gap: 1rem;margin-bottom: 1.5rem;grid-template-columns: repeat(2, 1fr);display: grid}
@media (min-width: 768px) { .trust-indicators, .security-features, .casino-features, .app-features-quick { grid-template-columns: repeat(4, 1fr); } }
.trust-item, .security-item, .feature-quick {display: flex;background: rgba(255,255,255,0.05);padding: 0.75rem;border-radius: var(--radius-md);align-items: center;gap: 0.5rem;backdrop-filter: blur(10px)}
.trust-icon, .security-icon, .feature-icon { font-size: 1.4rem; }
.trust-text, .security-text {font-size: 0.85rem;color: var(--text-white);font-weight: 600}


.sports-highlights, .crash-features, .platform-features, .game-categories,
.game-highlights, .bonus-highlights, .promo-highlights {gap: 1rem;display: grid;margin-bottom: 1.5rem;grid-template-columns: repeat(2, 1fr)}
@media (min-width: 640px) {
  .sports-highlights, .crash-features, .platform-features, .game-categories,
  .game-highlights, .bonus-highlights, .promo-highlights { grid-template-columns: repeat(4, 1fr); }
}
.sport-item, .crash-feature, .platform-feature, .category-item,
.game-highlight, .bonus-item, .promo-highlight {backdrop-filter: blur(10px);background: rgba(255,255,255,0.05);align-items: center;display: flex;gap: 0.6rem;border-radius: var(--radius-md);padding: 0.85rem}
.sport-icon, .highlight-icon, .category-icon, .bonus-icon {flex-shrink: 0;font-size: 1.6rem}
.sport-info, .feature-info, .category-info, .highlight-info, .bonus-info {flex-direction: column;display: flex}
.sport-name, .feature-title, .category-name, .highlight-title, .bonus-title, .tier-title {font-size: 0.85rem;font-weight: 700;color: var(--text-white)}
.sport-count, .feature-desc, .category-count, .highlight-desc, .bonus-value {color: var(--text-muted);font-size: 0.75rem}


section { padding: var(--section-padding); }
.section-header {text-align: center;margin-bottom: 3rem}
.section-title { margin-bottom: 1rem; }
.section-subtitle {font-size: 1.05rem;color: var(--text-gray);margin: 0 auto;max-width: 640px}
.section-content {gap: 2.5rem;align-items: center;display: grid}
@media (min-width: 1024px) {
  .section-content {gap: 3.5rem;grid-template-columns: 1fr 1fr}
  .section-content.reverse { direction: rtl; }
  .section-content.reverse > * { direction: ltr; }
}
.content-text { min-width: 0; }
.content-title {margin-bottom: 1rem;margin-top: 2rem;color: var(--accent-color)}
.content-title:first-child { margin-top: 0; }
.content-description {line-height: 1.7;margin-bottom: 1.25rem}
.feature-image, .content-image img {display: block;height: auto;box-shadow: var(--shadow-lg);border-radius: var(--radius-lg);transition: var(--transition-normal);width: 100%}
.feature-image:hover, .content-image img:hover {box-shadow: var(--shadow-xl);transform: translateY(-4px)}
.cta-section { margin-top: 1.5rem; }


.feature-item, .live-feature, .tech-feature, .mobile-feature, .exclusive-feature,
.security-feature, .live-features .live-feature {gap: 1rem;align-items: flex-start;display: flex;margin-bottom: 1.5rem}
.feature-content, .security-content {min-width: 0;flex: 1}
.feature-description {color: var(--text-gray);line-height: 1.6}


.card-dark, .payment-method, .vip-tier, .provider-card, .review-card, .stat-card,
.faq-item, .sport-card, .league-card, .rule-content, .stat-card-live, .article-card,
.game-cat-card, .support-channel, .metric-card, .stack-category, .story-card,
.tip-card, .tip-card-security, .tool-item, .rg-card, .glossary-term, .bankroll-tip,
.security-badge, .crash-game-card, .strategy-item, .bonus-tier, .vip-benefit,
.terms-category, .day-event, .month-card, .requirement-card, .warning-box,
.game-item, .featured-item, .featured-promo-item, .level-item, .winner-category,
.hot-game-item, .new-game-card, .feature-card, .rtp-category, .category-feature,
.win1-hero { }

.card-dark, .provider-card, .stat-card, .vip-tier, .feature-card, .stack-category,
.tool-item, .story-card, .tip-card, .tip-card-security, .game-cat-card,
.metric-card, .terms-category, .requirement-card, .rg-card, .rule-content {padding: 1.75rem;background: var(--card-gradient);border-radius: var(--radius-lg);transition: var(--transition-normal);border: 1px solid rgba(6, 182, 212, 0.2)}
.card-dark:hover, .provider-card:hover, .stat-card:hover, .vip-tier:hover,
.feature-card:hover, .game-cat-card:hover {border-color: var(--accent-color);transform: translateY(-4px);box-shadow: var(--shadow-accent)}

.card-icon, .card-icon-blue, .tier-icon, .feature-icon-large, .highlight-icon-large {display: block;color: var(--accent-color);margin-bottom: 0.85rem;font-size: 1.9rem}


.tier-header, .channel-header, .feature-header, .game-header, .story-header,
.tip-header, .tip-header-security, .review-header, .winner-hall-item, .day-header,
.article-header, .warning-title, .req-title, .strategy-title, .provider-name {display: flex;align-items: center;margin-bottom: 0.9rem;gap: 0.75rem}
.tier-name, .channel-title, .game-title, .story-name, .tip-title, .tip-title-security,
.reviewer-name, .day-name, .provider-name {margin: 0;color: var(--accent-color)}

.tier-benefits, .provider-features, .benefits-list, .method-features, .req-list,
.warning-list, .terms-list { list-style: none; }
.tier-benefits li, .provider-features li, .req-list li, .method-features li {padding: 0.5rem 0;color: var(--text-gray);padding-left: 1.5rem;border-bottom: 1px solid rgba(255,255,255,0.06);position: relative}
.tier-benefits li::before, .provider-features li::before {color: var(--success-color);content: '✓';left: 0;font-weight: bold;position: absolute}
.method-features li:last-child, .tier-benefits li:last-child { border-bottom: none; }

.channel-status {border-radius: var(--radius-full);margin-left: auto;background: rgba(16,185,129,0.15);font-size: 0.7rem;color: var(--success-color);padding: 0.15rem 0.6rem}
.channel-status.fast {background: rgba(6,182,212,0.15);color: var(--accent-color)}
.channel-status.vip {color: var(--warning-color);background: rgba(249,115,22,0.15)}


.payment-methods {gap: 1.5rem;margin: 2rem 0;display: grid}
@media (min-width: 768px) { .payment-methods { grid-template-columns: repeat(3, 1fr); } }
.method-title {margin-bottom: 1rem;font-size: 1.05rem;color: var(--accent-color)}
.payment-stats, .stats-text, .app-stats, .login-stats, .table-stats {font-size: 0.9rem;margin: 1.5rem 0;color: var(--text-gray)}

.bonus-highlight { margin: 2rem 0; }
.bonus-card {text-align: center;padding: 2rem;background: var(--primary-gradient);color: var(--primary-bg);border-radius: var(--radius-xl)}
.bonus-amount {margin-bottom: 0.5rem;font-weight: 900;font-size: 2.25rem}
.bonus-extras {font-weight: 600;font-size: 1.05rem;color: var(--primary-bg)}

.vip-tiers {margin: 2rem 0;gap: 1.5rem;display: grid}
@media (min-width: 768px) { .vip-tiers { grid-template-columns: repeat(3, 1fr); } }

.security-info { margin-top: 1.5rem; }
.security-title { margin-bottom: 1rem; }
.security-features-list {margin: 1.5rem 0;display: flex;flex-direction: column;gap: 1rem}


.providers-section { background: var(--secondary-bg); }
.providers-grid, .reviews-grid {margin: 2rem 0;gap: 2rem;grid-template-columns: 1fr;display: grid}
@media (min-width: 768px) { .providers-grid { grid-template-columns: repeat(2, 1fr); } .reviews-grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1024px) { .providers-grid { grid-template-columns: repeat(4, 1fr); } }
.provider-description {line-height: 1.6;margin-bottom: 1rem;color: var(--text-gray)}
.providers-note {background: rgba(6,182,212,0.1);text-align: center;border-radius: var(--radius-md);padding: 1.5rem;margin-top: 2rem;border: 1px solid rgba(6,182,212,0.2)}

.review-card {padding: 1.75rem;border-radius: var(--radius-lg);border: 1px solid rgba(6,182,212,0.2);background: var(--card-gradient)}
.review-header {justify-content: space-between;align-items: flex-start}
.reviewer-info {flex-direction: column;display: flex}
.reviewer-location {font-size: 0.85rem;color: var(--text-muted)}
.review-rating { color: var(--accent-color); }
.review-date {margin-top: 0.75rem;font-size: 0.8rem;color: var(--text-muted)}
.reviews-stats, .vip-stats, .support-stats, .expert-stats, .coverage-stats, .live-stats {text-align: center;grid-template-columns: repeat(2, 1fr);display: grid;margin-top: 2rem;gap: 1.25rem}
@media (min-width: 640px) { .reviews-stats, .support-stats, .expert-stats, .coverage-stats { grid-template-columns: repeat(4, 1fr); } }
.stats-grid {grid-template-columns: 1fr;margin: 2rem 0;display: grid;gap: 2rem}
@media (min-width: 640px) { .stats-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .stats-grid { grid-template-columns: repeat(3, 1fr); } }
.stat-card { text-align: center; }
.stat-card .stat-number, .stat-item .stat-number, .stat-box .stat-number,
.stat-hall .stat-number-hall, .summary-item .summary-number, .support-stat .stat-number,
.expert-stat .stat-number, .coverage-stat .stat-number {margin-bottom: 0.4rem;color: var(--accent-color);font-weight: 900;font-size: 2.25rem;display: block}
.stat-card .stat-label, .stat-item .stat-label, .stat-box .stat-label,
.stat-hall .stat-label-hall, .summary-item .summary-label, .support-stat .stat-label,
.expert-stat .stat-label, .coverage-stat .stat-label {font-size: 1rem;display: block;color: var(--text-white);font-weight: 600}
.stat-card .stat-description {font-size: 0.9rem;margin: 0.5rem 0 0;color: var(--text-gray)}

.comparison-table, .odds-example, .rtp-info-section .rtp-explanation { margin-top: 3rem; }
.comparison-title, .odds-example .example-title {text-align: center;font-size: 1.5rem;margin-bottom: 1.5rem;color: var(--accent-color)}
.table-responsive, .table-responsive-app, .comparison-table-app, .odds-table { overflow-x: auto; }
.comparison-table-content, table {border-collapse: collapse;width: 100%;border-radius: var(--radius-lg);background: var(--card-gradient);min-width: 560px;overflow: hidden}
.comparison-table-content thead, table thead { background: var(--accent-color); }
.comparison-table-content th, table th {text-align: left;color: var(--primary-bg);font-weight: 600;white-space: nowrap;padding: 0.9rem 1rem}
.comparison-table-content td, table td {color: var(--text-gray);padding: 0.9rem 1rem;border-top: 1px solid rgba(6,182,212,0.15)}
.comparison-table-content tbody tr:hover, table tbody tr:hover { background: rgba(6,182,212,0.08); }
.comparison-table-content tbody tr td:first-child, table tbody tr td:first-child {color: var(--text-white);font-weight: 600}
.highlight-row, .featured-row { background: rgba(6,182,212,0.06); }
.advantage-badge, .pix-badge {padding: 0.2rem 0.65rem;background: rgba(16,185,129,0.15);color: var(--success-color);font-size: 0.75rem;font-weight: 700;border-radius: var(--radius-full)}
.odds-note {margin-top: 1.25rem;color: var(--text-gray);font-size: 0.9rem}
.odds-features, .rtp-note, .performance-note, .filter-results, .schedule-note,
.results-note, .update-note, .warning-note, .terms-note, .comparison-cta,
.calendar-note, .help-note { margin-top: 1.5rem; }
.odds-feature {text-align: center;padding: 1.25rem}

.faq-section { background: var(--secondary-bg); }
.faq-container {max-width: 900px;margin: 0 auto}
.faq-item {overflow: hidden;margin-bottom: 1rem;background: var(--card-gradient);border: 1px solid rgba(6,182,212,0.2);border-radius: var(--radius-lg)}
.faq-item:hover { border-color: var(--accent-color); }
.faq-question {justify-content: space-between;user-select: none;align-items: center;padding: 1.25rem 1.5rem;display: flex;cursor: pointer}
.faq-question h3 {margin: 0;font-weight: 600;color: var(--text-white);font-size: 1.05rem}
.faq-icon {font-size: 1.4rem;font-weight: 300;color: var(--accent-color);flex-shrink: 0;margin-left: 1rem;transition: transform var(--transition-normal)}
.faq-item.active .faq-icon { transform: rotate(45deg); }
.faq-answer {transition: max-height var(--transition-normal);max-height: 0;overflow: hidden}
.faq-item.active .faq-answer { max-height: 1000px; }
.faq-answer p {color: var(--text-gray);padding: 0 1.5rem 1.5rem;line-height: 1.8;margin: 0}

.final-cta-section {text-align: center;background: var(--primary-gradient)}
.final-cta-section .cta-title, .final-cta-section h2 {background: none !important;color: var(--text-white);-webkit-text-fill-color: var(--text-white) !important;margin-bottom: 0.75rem}
.final-cta-section .cta-subtitle {margin: 0 auto 2rem;color: rgba(255,255,255,0.9);max-width: 640px}
.final-cta-buttons {display: flex;justify-content: center;flex-wrap: wrap;margin-bottom: 2rem;gap: 1rem}
.final-cta-buttons .btn {box-shadow: var(--shadow-lg);background: var(--primary-bg);color: var(--text-white)}
.final-trust-indicators .trust-grid {max-width: 640px;gap: 1.25rem;display: grid;margin: 0 auto;grid-template-columns: repeat(2, 1fr)}
@media (min-width: 640px) { .final-trust-indicators .trust-grid { grid-template-columns: repeat(4, 1fr); } }
.final-trust-indicators .trust-item {background: rgba(255,255,255,0.12);padding: 1rem;border-radius: var(--radius-md)}
.final-trust-indicators .trust-number {font-size: 1.5rem;display: block;font-weight: 900;color: var(--text-white)}
.final-trust-indicators .trust-label {color: rgba(255,255,255,0.85);font-size: 0.8rem}


.football-leagues, .strategy-list { margin: 1.5rem 0; }
.league-item {display: flex;align-items: flex-start;margin-bottom: 1.25rem;gap: 1rem}
.league-icon {flex-shrink: 0;font-size: 1.75rem}
.league-title, .article-title {color: var(--accent-color);margin-bottom: 0.35rem}
.league-description, .article-excerpt {color: var(--text-gray);font-size: 0.92rem}

.sports-grid {grid-template-columns: 1fr;display: grid;gap: 1.5rem;margin: 2rem 0}
@media (min-width: 640px) { .sports-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .sports-grid { grid-template-columns: repeat(4, 1fr); } }
.sport-card {border: 1px solid rgba(6,182,212,0.2);background: var(--card-gradient);padding: 1.5rem;border-radius: var(--radius-lg)}
.sport-icon-large {margin-right: 0.5rem;font-size: 2rem}
.sport-features {list-style: none;margin-top: 0.75rem}
.sport-features li {font-size: 0.88rem;color: var(--text-gray);padding: 0.3rem 0}

.leagues-categories {margin: 2rem 0;display: grid;gap: 1.5rem}
@media (min-width: 768px) { .leagues-categories { grid-template-columns: repeat(3, 1fr); } }
.category-title {color: var(--accent-color);margin-bottom: 1rem}
.leagues-list {flex-wrap: wrap;gap: 0.5rem;display: flex}
.league-badge {padding: 0.35rem 0.85rem;border: 1px solid rgba(6,182,212,0.25);color: var(--text-gray);background: rgba(6,182,212,0.1);font-size: 0.8rem;border-radius: var(--radius-full)}

.odds-example {padding: 1.75rem;border-radius: var(--radius-lg);border: 1px solid rgba(6,182,212,0.2);background: var(--card-gradient)}
.analysis-articles {display: grid;gap: 1.5rem;margin: 2rem 0}
@media (min-width: 768px) { .analysis-articles { grid-template-columns: repeat(3, 1fr); } }
.article-category {font-weight: 600;color: var(--accent-color);font-size: 0.8rem}
.article-date {color: var(--text-muted);margin-left: auto;font-size: 0.75rem}
.article-author {flex-direction: column;margin: 0.75rem 0;display: flex}
.author-name {font-size: 0.9rem;color: var(--text-white);font-weight: 600}
.author-title {font-size: 0.78rem;color: var(--text-muted)}
.article-stats {gap: 1rem;color: var(--text-muted);display: flex;font-size: 0.78rem}
.analysis-cta {margin-top: 2rem;text-align: center}


.live-games-grid {gap: 0.75rem;margin: 1.5rem 0;flex-wrap: wrap;display: flex}
.live-game {color: var(--text-gray);border: 1px solid rgba(6,182,212,0.25);font-size: 0.85rem;border-radius: var(--radius-md);background: rgba(6,182,212,0.1);padding: 0.6rem 1rem}

.rules-tabs { margin-top: 1.5rem; }
.tab-buttons {margin-bottom: 1.5rem;border-bottom: 2px solid rgba(255,255,255,0.1);flex-wrap: wrap;display: flex;padding-bottom: 0.5rem;gap: 0.5rem}
.tab-button {font-size: 0.85rem;color: var(--text-gray);padding: 0.6rem 1.1rem;cursor: pointer;border: none;transition: var(--transition-fast);background: none;border-radius: var(--radius-full);font-weight: 600}
.tab-button:hover, .tab-button.active {background: var(--accent-color);color: var(--primary-bg)}
.tab-content { display: none; }
.tab-content.active { display: block; }
.rule-content {padding: 1.75rem;border: 1px solid rgba(6,182,212,0.2);background: var(--card-gradient);border-radius: var(--radius-lg)}
.rule-details h4 {margin-top: 1rem;color: var(--accent-color)}
.rule-details ul {padding-left: 1.25rem;margin: 0.5rem 0 1rem}
.rule-details li {font-size: 0.9rem;padding: 0.2rem 0;color: var(--text-gray)}
.rule-note {font-size: 0.85rem;color: var(--accent-light);margin-top: 0.75rem}

.stats-dashboard { margin-top: 1.5rem; }
.stat-card-live {border: 1px solid rgba(6,182,212,0.2);background: var(--card-gradient);padding: 1.5rem;border-radius: var(--radius-lg)}
.stat-status.live {margin-left: auto;font-size: 0.7rem;background: rgba(239,68,68,0.15);padding: 0.15rem 0.6rem;border-radius: var(--radius-full);color: var(--danger-color)}
.stat-data {margin-top: 0.75rem;gap: 0.5rem;flex-direction: column;display: flex}
.stat-row {color: var(--text-gray);display: flex;justify-content: space-between;font-size: 0.85rem}
.stat-value {font-weight: 600;color: var(--accent-light)}
.stats-summary {text-align: center;display: grid;grid-template-columns: repeat(2, 1fr);gap: 1.25rem;margin-top: 2rem}
@media (min-width: 640px) { .stats-summary { grid-template-columns: repeat(4, 1fr); } }


.app-download-buttons {gap: 1rem;margin-bottom: 1.5rem;flex-wrap: wrap;display: flex}
.download-process-image { margin-bottom: 2rem; }
.download-steps {margin-top: 2rem;display: grid;gap: 1.5rem}
@media (min-width: 768px) { .download-steps { grid-template-columns: repeat(3, 1fr); } }
.download-step, .recovery-step, .crash-step {gap: 1rem;align-items: flex-start;display: flex}
.step-number {color: var(--primary-bg);font-weight: 700;display: flex;justify-content: center;background: var(--accent-color);flex-shrink: 0;align-items: center;border-radius: 50%;font-size: 1.1rem;height: 44px;width: 44px}
.step-title {color: var(--accent-color);margin-bottom: 0.35rem}
.step-description {font-size: 0.9rem;color: var(--text-gray)}

.requirements-comparison {display: grid;gap: 1.5rem;margin: 2rem 0}
@media (min-width: 768px) { .requirements-comparison { grid-template-columns: repeat(2, 1fr); } }
.requirements-platform {background: var(--card-gradient);border: 1px solid rgba(6,182,212,0.2);border-radius: var(--radius-lg);padding: 1.75rem}
.platform-header {gap: 0.75rem;margin-bottom: 1rem;display: flex;align-items: center}
.platform-icon { font-size: 1.75rem; }
.requirements-list {list-style: none;margin-bottom: 1rem}
.requirements-list li {border-bottom: 1px solid rgba(255,255,255,0.06);padding: 0.4rem 0;color: var(--text-gray);font-size: 0.88rem}
.compatibility-note {color: var(--success-color);font-size: 0.85rem}
.performance-tips { margin-top: 2rem; }
.tips-title, .tips-grid { margin-top: 1rem; }
.tips-grid {gap: 1rem;grid-template-columns: 1fr;display: grid}
@media (min-width: 640px) { .tips-grid { grid-template-columns: repeat(2, 1fr); } }
.tip-item {background: rgba(255,255,255,0.04);border-radius: var(--radius-md);padding: 1rem;gap: 0.75rem;align-items: flex-start;display: flex}
.tip-icon { font-size: 1.3rem; }

.stories-grid {margin: 2rem 0;gap: 1.5rem;display: grid}
@media (min-width: 768px) { .stories-grid { grid-template-columns: repeat(3, 1fr); } }
.story-avatar { font-size: 1.75rem; }
.story-location {color: var(--text-muted);font-size: 0.8rem}
.story-stats {gap: 1rem;margin-top: 0.75rem;font-size: 0.8rem;color: var(--text-muted);display: flex}
.app-ratings-summary {text-align: center;display: grid;gap: 1.5rem;margin-top: 2rem;grid-template-columns: repeat(1, 1fr)}
@media (min-width: 640px) { .app-ratings-summary { grid-template-columns: repeat(3, 1fr); } }
.rating-number {color: var(--accent-color);font-weight: 900;font-size: 1.75rem}
.rating-label {color: var(--text-gray);font-size: 0.9rem}
.rating-stars {margin-top: 0.25rem;color: var(--warning-color)}
.comparison-conclusion { margin-bottom: 1.5rem; }


.security-certifications { margin: 1.5rem 0; }
.cert-title {margin-bottom: 0.75rem;color: var(--accent-color)}
.cert-badges {display: flex;gap: 0.5rem;flex-wrap: wrap}
.tech-stats {display: grid;gap: 1rem;margin: 1.5rem 0;grid-template-columns: repeat(2, 1fr)}
@media (min-width: 640px) { .tech-stats { grid-template-columns: repeat(4, 1fr); } }
.tech-stats .stat-item {text-align: center;background: rgba(255,255,255,0.05);border-radius: var(--radius-md);padding: 1rem}
.tech-stats .stat-number {display: block;font-size: 1.5rem;font-weight: 900;color: var(--accent-color)}
.tech-stats .stat-label {color: var(--text-muted);font-size: 0.8rem}
.tech-partners, .partners-description { margin-top: 1.5rem; }
.partners-title {margin-bottom: 0.5rem;color: var(--accent-color)}

.support-channels {display: grid;margin: 2rem 0;gap: 1.5rem}
@media (min-width: 768px) { .support-channels { grid-template-columns: repeat(3, 1fr); } }
.support-channel {background: var(--card-gradient);border: 1px solid rgba(6,182,212,0.2);padding: 1.5rem;border-radius: var(--radius-lg)}
.channel-icon { font-size: 1.6rem; }
.channel-description {font-size: 0.88rem;color: var(--text-gray);margin-bottom: 0.75rem}
.channel-features {gap: 0.35rem;margin-bottom: 1rem;display: flex;flex-direction: column}
.channel-features .feature {color: var(--text-muted);font-size: 0.8rem}

.stack-categories {gap: 1.5rem;display: grid;margin: 2rem 0}
@media (min-width: 640px) { .stack-categories { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .stack-categories { grid-template-columns: repeat(4, 1fr); } }
.stack-items {display: flex;gap: 0.75rem;margin-top: 0.75rem;flex-direction: column}
.stack-item {padding-bottom: 0.5rem;border-bottom: 1px solid rgba(255,255,255,0.06)}
.stack-name {font-size: 0.88rem;display: block;color: var(--text-white);font-weight: 600}
.stack-desc {color: var(--text-muted);font-size: 0.78rem;display: block}

.metrics-dashboard { margin-top: 1.5rem; }
.metrics-grid {display: grid;grid-template-columns: 1fr;gap: 1.5rem}
@media (min-width: 640px) { .metrics-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .metrics-grid { grid-template-columns: repeat(3, 1fr); } }
.metric-header {align-items: center;display: flex;gap: 0.5rem;justify-content: space-between}
.metric-status {white-space: nowrap;font-size: 0.7rem;border-radius: var(--radius-full);background: rgba(16,185,129,0.15);color: var(--success-color);padding: 0.15rem 0.6rem}
.metric-value {font-size: 2rem;color: var(--accent-color);font-weight: 900;margin: 0.75rem 0 0.25rem}
.metric-label {font-size: 0.85rem;color: var(--text-gray)}
.metric-comparison {margin-top: 0.5rem;color: var(--text-muted);font-size: 0.78rem}

.updates-timeline { margin-top: 1.5rem; }
.update-item {border-bottom: 1px solid rgba(255,255,255,0.08);padding-bottom: 1.75rem;display: flex;gap: 1.5rem;margin-bottom: 1.75rem}
.update-date {width: 120px;font-size: 0.9rem;flex-shrink: 0;font-weight: 700;color: var(--accent-color)}
.update-title {margin-bottom: 0.5rem;font-size: 1.05rem;color: var(--text-white)}
.update-changes { list-style: none; }
.update-changes li {padding: 0.2rem 0;color: var(--text-gray);font-size: 0.88rem}
.upcoming-updates { margin-top: 2rem; }
.upcoming-list {flex-direction: column;margin-top: 1rem;gap: 1rem;display: flex}
.upcoming-item {display: flex;gap: 1rem;align-items: flex-start}
.upcoming-name {color: var(--accent-color);font-size: 0.95rem}
.upcoming-desc {font-size: 0.85rem;color: var(--text-gray)}


.login-form-container {padding: 1.75rem;max-width: 460px;border: 1px solid rgba(6,182,212,0.2);margin-bottom: 1.5rem;background: var(--card-gradient);border-radius: var(--radius-lg)}
.login-form .form-group { margin-bottom: 1.25rem; }
.login-form label {color: var(--text-gray);margin-bottom: 0.4rem;font-weight: 600;font-size: 0.85rem;display: block}
.login-form input[type="text"], .login-form input[type="password"], .login-form input[type="number"] {background: var(--secondary-bg);border: 1px solid rgba(255,255,255,0.15);border-radius: var(--radius-md);font-size: 0.9rem;padding: 0.7rem 1rem;width: 100%;color: var(--text-white)}
.login-form input:focus {border-color: var(--accent-color);outline: none}
.form-options {margin-bottom: 1.25rem;align-items: center;display: flex;gap: 0.5rem;justify-content: space-between;flex-wrap: wrap}
.checkbox-label {align-items: center;gap: 0.4rem;font-size: 0.82rem;display: flex;color: var(--text-muted)}
.forgot-password {color: var(--accent-color);font-size: 0.82rem;text-decoration: none}
.login-form button { width: 100%; }

.benefits-list, .registration-benefits { margin: 1.5rem 0; }
.benefit-item { margin-bottom: 1.25rem; }
.benefit-title {color: var(--accent-color);margin-bottom: 0.35rem}
.benefit-description {color: var(--text-gray);font-size: 0.9rem}
.reg-benefit {align-items: flex-start;display: flex;gap: 0.75rem;margin-bottom: 1.25rem}
.benefit-icon { font-size: 1.5rem; }

.help-options {gap: 1.5rem;margin: 2rem 0;display: grid}
@media (min-width: 768px) { .help-options { grid-template-columns: repeat(3, 1fr); } }
.help-option {padding: 1.5rem;border: 1px solid rgba(6,182,212,0.2);border-radius: var(--radius-lg);background: var(--card-gradient);text-align: center}
.help-icon {font-size: 1.8rem;margin-bottom: 0.75rem}
.help-title {margin-bottom: 0.5rem;color: var(--accent-color)}
.help-description {margin-bottom: 0.75rem;color: var(--text-gray);font-size: 0.88rem}
.help-link {text-decoration: none;font-size: 0.85rem;font-weight: 600;color: var(--accent-light)}

.recovery-steps {gap: 1.5rem;margin: 2rem 0;display: grid}
@media (min-width: 768px) { .recovery-steps { grid-template-columns: repeat(2, 1fr); } }
.recovery-security {padding: 1.5rem;background: rgba(6,182,212,0.06);margin-top: 1.5rem;border-radius: var(--radius-lg)}
.recovery-security ul {margin-top: 0.75rem;list-style: none}
.recovery-security li {color: var(--text-gray);font-size: 0.88rem;padding: 0.25rem 0}
.recovery-cta {margin-top: 1.5rem;text-align: center}

.registration-steps { margin: 1.5rem 0; }
.steps-title {margin-bottom: 0.75rem;color: var(--accent-color)}
.steps-list {list-style: decimal;padding-left: 1.25rem}
.steps-list li {font-size: 0.9rem;padding: 0.3rem 0;color: var(--text-gray)}
.registration-note {padding: 1rem 1.25rem;margin: 1.5rem 0;border-radius: var(--radius-md);font-size: 0.88rem;color: var(--text-gray);background: rgba(6,182,212,0.06)}

.tips-grid-security {display: grid;grid-template-columns: 1fr;gap: 1.5rem;margin: 2rem 0}
@media (min-width: 640px) { .tips-grid-security { grid-template-columns: repeat(2, 1fr); } }
.tip-card-security {background: var(--card-gradient);padding: 1.5rem;border: 1px solid rgba(6,182,212,0.2);border-radius: var(--radius-lg)}
.tip-icon-security { font-size: 1.5rem; }
.tip-list-security {list-style: none;margin-top: 0.75rem}
.tip-list-security li {color: var(--text-gray);padding: 0.3rem 0;font-size: 0.88rem}

.security-warning, .warning-box {border: 1px solid rgba(239,68,68,0.25);padding: 1.5rem;background: rgba(239,68,68,0.08);margin-top: 2rem;border-radius: var(--radius-lg)}
.warning-title {color: var(--danger-color);margin-bottom: 0.75rem}
.warning-list { list-style: none; }
.warning-list li {font-size: 0.88rem;padding: 0.3rem 0;color: var(--text-gray)}


.crash-steps {margin: 1.5rem 0;flex-direction: column;gap: 1.25rem;display: flex}
.strategy-item {padding: 1.5rem;border: 1px solid rgba(6,182,212,0.2);background: var(--card-gradient);margin-bottom: 1rem;border-radius: var(--radius-lg)}
.strategy-stats {color: var(--text-muted);font-size: 0.8rem;display: flex;margin-top: 0.75rem;gap: 1rem}
.strategy-tips { margin-top: 1.5rem; }
.strategy-tips ul {margin-top: 0.75rem;list-style: none}
.strategy-tips li {padding: 0.3rem 0;font-size: 0.88rem;color: var(--text-gray)}

.crash-games-grid {gap: 1.5rem;grid-template-columns: 1fr;display: grid;margin: 2rem 0}
@media (min-width: 640px) { .crash-games-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .crash-games-grid { grid-template-columns: repeat(4, 1fr); } }
.crash-game-card {text-align: center;border: 1px solid rgba(6,182,212,0.2);padding: 1.5rem;background: var(--card-gradient);border-radius: var(--radius-lg)}
.game-icon-large {display: block;font-size: 2.25rem;margin-bottom: 0.5rem}
.game-rating {margin-bottom: 0.75rem;color: var(--warning-color);font-size: 0.85rem}
.game-description {color: var(--text-gray);margin-bottom: 0.75rem;font-size: 0.85rem}
.game-stats {justify-content: space-around;margin-bottom: 0.5rem;display: flex}
.game-stats .stat-item { text-align: center; }
.game-stats .stat-label {font-size: 0.72rem;color: var(--text-muted);display: block}
.game-stats .stat-value {color: var(--accent-color);font-weight: 700;display: block}

.historical-chart {margin-top: 1.5rem;border: 1px solid rgba(6,182,212,0.2);background: var(--card-gradient);padding: 1.75rem;border-radius: var(--radius-lg)}
.chart-header {margin-bottom: 1.25rem;align-items: center;display: flex;flex-wrap: wrap;justify-content: space-between;gap: 0.75rem}
.chart-stats {color: var(--text-muted);gap: 1rem;display: flex;font-size: 0.82rem}
.multiplier-history {gap: 0.5rem;margin-bottom: 1.5rem;flex-wrap: wrap;display: flex}
.history-item {font-weight: 700;padding: 0.4rem 0.75rem;border-radius: var(--radius-full);font-size: 0.82rem}
.history-item.high {background: rgba(16,185,129,0.15);color: var(--success-color)}
.history-item.medium {color: var(--accent-color);background: rgba(6,182,212,0.15)}
.history-item.low {color: var(--danger-color);background: rgba(239,68,68,0.12)}
.history-analysis { margin-top: 1.25rem; }
.analysis-grid {gap: 1rem;margin: 1rem 0;grid-template-columns: repeat(2, 1fr);display: grid}
@media (min-width: 640px) { .analysis-grid { grid-template-columns: repeat(4, 1fr); } }
.analysis-item {padding: 0.85rem;border-radius: var(--radius-md);background: rgba(255,255,255,0.04);text-align: center}
.analysis-label {color: var(--text-muted);font-size: 0.78rem}
.analysis-value {font-size: 1.15rem;color: var(--accent-color);font-weight: 700}

.control-tools { margin-top: 1.5rem; }
.tools-grid {grid-template-columns: 1fr;margin-top: 1rem;gap: 1rem;display: grid}
@media (min-width: 640px) { .tools-grid { grid-template-columns: repeat(2, 1fr); } }
.tool-item {background: rgba(255,255,255,0.04);padding: 1rem 1.25rem;border-radius: var(--radius-md)}
.tool-name {font-size: 0.92rem;color: var(--accent-color);margin-bottom: 0.25rem}
.tool-desc {color: var(--text-gray);font-size: 0.85rem}
.help-resources { margin-top: 1.5rem; }
.help-list {flex-direction: column;display: flex;gap: 0.6rem;margin: 1rem 0}
.help-item {font-size: 0.9rem;color: var(--text-gray)}


.slots-features, .table-games-list { margin: 1.5rem 0; }
.table-games-list .game-item { margin-bottom: 1.25rem; }
.game-item .game-title {margin-bottom: 0.35rem;color: var(--accent-color)}

.filters-showcase {flex-direction: column;gap: 1.5rem;margin: 2rem 0;display: flex}
.filter-category { }
.filter-title {margin-bottom: 0.75rem;font-size: 1.05rem;color: var(--accent-color)}
.filter-options {flex-wrap: wrap;gap: 0.5rem;display: flex}
.filter-btn {background: rgba(255,255,255,0.06);font-size: 0.82rem;color: var(--text-gray);cursor: pointer;border: 1px solid rgba(255,255,255,0.12);border-radius: var(--radius-full);padding: 0.5rem 1rem}
.filter-btn.active {background: var(--accent-color);border-color: var(--accent-color);color: var(--primary-bg)}

.hot-games-list {margin: 2rem 0;gap: 1rem;display: flex;flex-direction: column}
.hot-game-item {padding: 1.25rem;border: 1px solid rgba(6,182,212,0.2);display: flex;gap: 1.25rem;align-items: center;background: var(--card-gradient);flex-wrap: wrap;border-radius: var(--radius-lg)}
.hot-rank {flex-shrink: 0;font-size: 1.5rem;color: var(--accent-color);font-weight: 900}
.hot-game-info {flex: 1;min-width: 200px}
.hot-game-header {display: flex;margin-bottom: 0.35rem;gap: 0.75rem;flex-wrap: wrap;align-items: center}
.hot-game-name {margin: 0;color: var(--text-white)}
.hot-badge {font-size: 0.7rem;background: rgba(249,115,22,0.15);border-radius: var(--radius-full);color: var(--warning-color);padding: 0.15rem 0.6rem}
.hot-game-desc {color: var(--text-gray);font-size: 0.85rem;margin-bottom: 0.4rem}
.hot-stats {font-size: 0.78rem;color: var(--text-muted);display: flex;gap: 1rem}

.new-games-grid {display: grid;grid-template-columns: 1fr;gap: 1.5rem;margin: 2rem 0}
@media (min-width: 640px) { .new-games-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .new-games-grid { grid-template-columns: repeat(4, 1fr); } }
.new-game-card {background: var(--card-gradient);border: 1px solid rgba(6,182,212,0.2);border-radius: var(--radius-lg);position: relative;padding: 1.5rem}
.new-badge {font-weight: 700;background: var(--danger-color);top: -0.6rem;color: #fff;padding: 0.2rem 0.6rem;font-size: 0.65rem;border-radius: var(--radius-full);position: absolute;right: 1rem}
.new-game-header {margin-bottom: 0.75rem;align-items: center;gap: 0.6rem;display: flex}
.new-game-name {color: var(--text-white);margin: 0;font-size: 0.98rem}
.new-game-desc {margin-bottom: 0.75rem;color: var(--text-gray);font-size: 0.85rem}
.new-game-specs {margin-bottom: 0.75rem;display: flex;gap: 0.5rem;flex-wrap: wrap}
.new-game-specs .spec {border-radius: var(--radius-full);background: rgba(255,255,255,0.05);font-size: 0.72rem;color: var(--text-muted);padding: 0.15rem 0.5rem}
.new-game-features {flex-wrap: wrap;display: flex;gap: 0.4rem}
.feature-tag {background: rgba(6,182,212,0.1);font-size: 0.7rem;padding: 0.15rem 0.5rem;color: var(--accent-light);border-radius: var(--radius-full)}
.new-games-schedule { margin-top: 2rem; }
.schedule-list {flex-direction: column;gap: 0.6rem;margin: 1rem 0;display: flex}
.schedule-item {padding: 0.75rem 1rem;font-size: 0.85rem;display: flex;border-radius: var(--radius-md);background: rgba(255,255,255,0.04);justify-content: space-between;color: var(--text-gray)}

.category-stats {display: grid;margin: 1.5rem 0;grid-template-columns: repeat(2, 1fr);gap: 1rem}
@media (min-width: 640px) { .category-stats { grid-template-columns: repeat(4, 1fr); } }
.category-stats .stat-item {background: rgba(255,255,255,0.05);text-align: center;border-radius: var(--radius-md);padding: 1rem}
.category-stats .stat-number {display: block;font-weight: 900;color: var(--accent-color);font-size: 1.6rem}
.category-feature { margin-bottom: 1.25rem; }
.category-feature .feature-title { color: var(--accent-color); }

.featured-list { margin: 1.5rem 0; }
.featured-item {margin-bottom: 1.25rem;display: flex;gap: 1rem;align-items: flex-start}
.featured-title {color: var(--accent-color);margin-bottom: 0.25rem}
.featured-rtp {font-size: 0.82rem;color: var(--text-muted)}

.features-grid {display: grid;grid-template-columns: 1fr;gap: 1.5rem;margin: 2rem 0}
@media (min-width: 640px) { .features-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .features-grid { grid-template-columns: repeat(4, 1fr); } }
.feature-icon-large { font-size: 2rem; }
.feature-card .feature-list {list-style: none;margin-top: 0.75rem}
.feature-card .feature-list li {font-size: 0.85rem;color: var(--text-gray);padding: 0.25rem 0}

.rtp-explanation { margin-top: 1.5rem; }
.rtp-categories {margin: 2rem 0;display: grid;gap: 1.5rem}
@media (min-width: 768px) { .rtp-categories { grid-template-columns: repeat(3, 1fr); } }
.rtp-category {border: 1px solid rgba(6,182,212,0.2);border-radius: var(--radius-lg);padding: 1.5rem;background: var(--card-gradient)}
.rtp-games {flex-direction: column;margin-top: 0.75rem;gap: 0.5rem;display: flex}
.rtp-game {justify-content: space-between;color: var(--text-gray);border-bottom: 1px solid rgba(255,255,255,0.06);padding-bottom: 0.35rem;display: flex;font-size: 0.85rem}
.rtp-value {color: var(--accent-color);font-weight: 700}

.tips-grid {display: grid;gap: 1.5rem;margin: 2rem 0;grid-template-columns: 1fr}
@media (min-width: 768px) { .tips-grid { grid-template-columns: repeat(2, 1fr); } }
.tip-card {border: 1px solid rgba(6,182,212,0.2);padding: 1.5rem;border-radius: var(--radius-lg);background: var(--card-gradient)}
.tip-list {list-style: none;margin-top: 0.75rem}
.tip-list li {font-size: 0.88rem;padding: 0.25rem 0;color: var(--text-gray)}
.tips-warning {padding: 1.25rem;background: rgba(249,115,22,0.08);margin-top: 1.5rem;border-radius: var(--radius-md)}


.bonus-tiers { margin: 1.5rem 0; }
.bonus-tier {margin-bottom: 1.5rem;align-items: flex-start;display: flex;gap: 1.25rem}
.tier-number {color: var(--accent-color);flex-shrink: 0;font-weight: 900;font-size: 1.75rem}
.tier-bonus {font-weight: 700;color: var(--accent-light);margin-bottom: 0.25rem}

.vip-benefits { margin: 1.5rem 0; }
.vip-benefit { margin-bottom: 1.25rem; }

.calculator-container {grid-template-columns: 1fr;display: grid;margin: 2rem 0;gap: 1.5rem}
@media (min-width: 768px) { .calculator-container { grid-template-columns: 1fr 1fr; } }
.calculator-form {background: var(--card-gradient);border: 1px solid rgba(6,182,212,0.2);padding: 1.75rem;border-radius: var(--radius-lg)}
.calc-input-group { margin-bottom: 1.25rem; }
.calc-input-group label {display: block;font-size: 0.85rem;color: var(--text-gray);font-weight: 600;margin-bottom: 0.4rem}
.calc-input-group input, .calc-input-group select {background: var(--secondary-bg);width: 100%;padding: 0.7rem 1rem;color: var(--text-white);border: 1px solid rgba(255,255,255,0.15);font-size: 0.9rem;border-radius: var(--radius-md)}
.calc-button {margin-top: 0.5rem;width: 100%}
.result-card {padding: 1.75rem;border: 1px solid rgba(6,182,212,0.2);border-radius: var(--radius-lg);text-align: center;background: var(--card-gradient)}
.result-title {font-size: 0.95rem;color: var(--text-gray);margin-bottom: 0.75rem}
.result-amount {font-size: 2.25rem;color: var(--accent-color);margin-bottom: 0.75rem;font-weight: 900}
.result-total {border-top: 1px solid rgba(255,255,255,0.1);display: flex;padding-top: 0.75rem;justify-content: space-between}
.result-note {font-size: 0.8rem;margin-top: 1rem;color: var(--text-muted)}
.calculator-examples { margin-top: 2rem; }
.examples-grid {margin-top: 1rem;grid-template-columns: 1fr;gap: 1rem;display: grid}
@media (min-width: 640px) { .examples-grid { grid-template-columns: repeat(3, 1fr); } }
.example-item {padding: 1rem;font-size: 0.85rem;color: var(--text-gray);background: rgba(255,255,255,0.04);text-align: center;border-radius: var(--radius-md)}
.example-total {margin-top: 0.35rem;color: var(--accent-color);font-weight: 700}

.terms-content {grid-template-columns: 1fr;margin: 2rem 0;display: grid;gap: 1.5rem}
@media (min-width: 768px) { .terms-content { grid-template-columns: repeat(2, 1fr); } }
.terms-category {background: var(--card-gradient);border: 1px solid rgba(6,182,212,0.2);border-radius: var(--radius-lg);padding: 1.5rem}
.terms-list li {font-size: 0.88rem;border-bottom: 1px solid rgba(255,255,255,0.06);padding: 0.35rem 0;color: var(--text-gray)}
.terms-cta {margin-top: 1.5rem;text-align: center}

.winners-timeline {display: flex;margin: 2rem 0;gap: 1rem;flex-direction: column}
.winner-item {align-items: center;flex-wrap: wrap;gap: 1rem;border: 1px solid rgba(6,182,212,0.2);border-radius: var(--radius-lg);background: var(--card-gradient);display: flex;padding: 1.25rem}
.winner-time {color: var(--text-muted);width: 100px;flex-shrink: 0;font-size: 0.78rem}
.winner-info {align-items: center;gap: 0.75rem;display: flex;min-width: 200px;flex: 1}
.winner-avatar { font-size: 1.75rem; }
.winner-name {font-size: 0.92rem;margin: 0;color: var(--text-white)}
.winner-bonus {font-size: 0.85rem;color: var(--text-gray)}
.winner-amount {font-size: 1.05rem;font-weight: 700;color: var(--success-color);margin-left: auto}
.winners-stats, .winners-stats-hall {text-align: center;grid-template-columns: repeat(3, 1fr);margin-top: 2rem;display: grid;gap: 1.25rem}
.winners-cta, .winners-message {text-align: center;margin-top: 1.5rem}

.loyalty-levels { margin: 1.5rem 0; }
.level-item {gap: 1.25rem;align-items: flex-start;display: flex;margin-bottom: 1.25rem}
.level-badge {font-weight: 700;font-size: 0.8rem;padding: 0.4rem 0.9rem;white-space: nowrap;border-radius: var(--radius-full);color: rgba(26,26,26,1);flex-shrink: 0}
.level-badge.bronze { background: #cd7f32; }
.level-badge.silver { background: #c0c0c0; }
.level-badge.gold { background: #ffd700; }
.level-badge.platinum { background: #e5e4e2; }
.level-badge.diamond {color: #0f172a;background: linear-gradient(135deg, #67e8f9, #06b6d4)}
.level-title {color: var(--accent-color);margin-bottom: 0.25rem}
.level-description {font-size: 0.88rem;color: var(--text-gray)}
.loyalty-benefits { margin-top: 1.5rem; }
.loyalty-benefits ul {list-style: none;margin-top: 0.75rem}
.loyalty-benefits li {padding: 0.3rem 0;color: var(--text-gray);font-size: 0.88rem}

.weekly-calendar {display: grid;gap: 1.25rem;grid-template-columns: 1fr;margin: 2rem 0}
@media (min-width: 640px) { .weekly-calendar { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .weekly-calendar { grid-template-columns: repeat(3, 1fr); } }
.day-event {border: 1px solid rgba(6,182,212,0.2);background: var(--card-gradient);border-radius: var(--radius-lg);padding: 1.5rem}
.day-event.weekend { border-color: var(--warning-color); }
.day-icon { font-size: 1.5rem; }
.event-title {color: var(--accent-color);margin-bottom: 0.35rem;font-size: 1rem}
.event-description {margin-bottom: 0.5rem;font-size: 0.85rem;color: var(--text-gray)}
.event-prize {color: var(--success-color);font-weight: 700;font-size: 0.9rem}

.calendar-months {grid-template-columns: 1fr;margin: 2rem 0;gap: 1.5rem;display: grid}
@media (min-width: 768px) { .calendar-months { grid-template-columns: repeat(3, 1fr); } }
.month-card {padding: 1.5rem;background: var(--card-gradient);border: 1px solid rgba(6,182,212,0.2);border-radius: var(--radius-lg)}
.month-name {color: var(--accent-color);margin-bottom: 1rem;font-size: 1.05rem}
.month-promos {flex-direction: column;gap: 0.75rem;display: flex}
.promo-calendar-item {gap: 0.15rem;display: flex;border-bottom: 1px solid rgba(255,255,255,0.06);padding-bottom: 0.5rem;flex-direction: column}
.promo-date {font-weight: 700;font-size: 0.75rem;color: var(--text-muted)}
.promo-name {color: var(--text-gray);font-size: 0.85rem}

.requirements-grid {grid-template-columns: 1fr;gap: 1.5rem;margin: 2rem 0;display: grid}
@media (min-width: 640px) { .requirements-grid { grid-template-columns: repeat(2, 1fr); } }
.requirement-card {background: var(--card-gradient);padding: 1.5rem;border: 1px solid rgba(6,182,212,0.2);border-radius: var(--radius-lg)}
.req-list { margin-top: 0.75rem; }
.req-list li { padding: 0.3rem 0; }

.winners-categories {grid-template-columns: 1fr;margin: 2rem 0;display: grid;gap: 1.5rem}
@media (min-width: 1024px) { .winners-categories { grid-template-columns: repeat(3, 1fr); } }
.winners-list-hall {display: flex;margin-top: 1rem;flex-direction: column;gap: 1rem}
.winner-hall-item {background: rgba(255,255,255,0.04);align-items: center;padding: 1rem;border-radius: var(--radius-md)}
.winner-rank { font-size: 1.5rem; }
.winner-name-hall {color: var(--text-white);margin: 0;font-size: 0.9rem}
.winner-location-hall {color: var(--text-muted);font-size: 0.75rem}
.winner-prize {font-size: 1rem;font-weight: 700;color: var(--success-color)}
.winner-source {color: var(--text-gray);font-size: 0.75rem}


.w1-legal-hero {background: var(--hero-gradient);text-align: center;padding: 8rem 0 3rem}
.w1-legal-badge {color: var(--accent-color);align-items: center;font-size: 0.78rem;padding: 0.4rem 1.1rem;border: 1px solid rgba(6,182,212,0.3);font-weight: 700;text-transform: uppercase;border-radius: var(--radius-full);gap: 0.5rem;display: inline-flex;background: rgba(6,182,212,0.1);letter-spacing: 0.05em;margin-bottom: 1.5rem}
.w1-legal-meta {flex-wrap: wrap;display: flex;color: var(--text-muted);gap: 1.5rem;font-size: 0.85rem;justify-content: center;margin-top: 2rem}
.w1-legal-toc {padding: 1.5rem;border: 1px solid rgba(6,182,212,0.2);border-radius: var(--radius-lg);background: var(--card-gradient);top: 100px;position: sticky}
.w1-legal-toc a {padding: 0.35rem 0;color: var(--text-muted);font-size: 0.85rem;display: block;text-decoration: none}
.w1-legal-toc a:hover { color: var(--accent-color); }
.w1-legal-section {padding-bottom: 2.5rem;margin-bottom: 2.5rem;border-bottom: 1px solid rgba(255,255,255,0.08)}
.w1-legal-section:last-child { border-bottom: none; }
.w1-legal-section h2 {font-size: 1.2rem;color: var(--accent-color)}
.w1-legal-section h3 {color: var(--text-white);margin-top: 1.25rem;font-size: 1rem}
.w1-legal-section p, .w1-legal-section li {font-size: 0.9rem;line-height: 1.8;color: var(--text-gray)}
.w1-legal-note {font-size: 0.88rem;margin: 1rem 0;color: var(--text-gray);border-left: 3px solid var(--accent-color);padding: 1rem 1.25rem;border-radius: 0 8px 8px 0;background: rgba(6,182,212,0.06)}
.w1-legal-warn {font-size: 0.88rem;border-radius: 0 8px 8px 0;color: var(--text-gray);margin: 1rem 0;padding: 1rem 1.25rem;border-left: 3px solid var(--danger-color);background: rgba(239,68,68,0.06)}


.main-footer {margin-top: 4rem;border-top: 1px solid rgba(6,182,212,0.1);background: var(--secondary-bg)}
.footer-content {padding: 3rem 0 2rem;gap: 2rem;display: grid}
@media (min-width: 768px) { .footer-content { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .footer-content { grid-template-columns: 2fr 1fr 1fr 1fr 1fr; } }
.footer-section { margin-bottom: 1rem; }
.footer-brand img { margin-bottom: 1rem; }
.footer-description {font-size: 0.9rem;line-height: 1.6;color: var(--text-gray)}
.footer-title {font-size: 1.05rem;color: var(--accent-color);margin-bottom: 1rem}
.footer-links { list-style: none; }
.footer-links li { margin-bottom: 0.5rem; }
.footer-links a {font-size: 0.9rem;text-decoration: none;transition: var(--transition-fast);color: var(--text-gray)}
.footer-links a:hover, .footer-links a.active { color: var(--accent-color); }
.social-links {margin-bottom: 1rem;gap: 1rem;display: flex}
.social-link {align-items: center;font-size: 1.15rem;border-radius: var(--radius-md);height: 38px;display: flex;text-decoration: none;background: rgba(6,182,212,0.1);justify-content: center;width: 38px}
.social-link:hover {background: var(--accent-color);transform: translateY(-2px)}
.contact-info {color: var(--text-gray);font-size: 0.85rem}
.contact-info p { margin-bottom: 0.3rem; }
.footer-bottom {padding: 2rem 0;justify-content: space-between;flex-direction: column;gap: 1rem;align-items: center;border-top: 1px solid rgba(255,255,255,0.1);display: flex}
@media (min-width: 768px) { .footer-bottom { flex-direction: row; } }
.footer-legal { text-align: center; }
@media (min-width: 768px) { .footer-legal { text-align: left; } }
.footer-legal p {color: var(--text-muted);font-size: 0.85rem;margin-bottom: 0.25rem}
.legal-text { font-size: 0.75rem !important; }
.footer-certifications {justify-content: center;display: flex;flex-wrap: wrap;gap: 0.5rem}
.cert-badge {padding: 0.25rem 0.75rem;background: rgba(6,182,212,0.1);color: var(--accent-color);font-weight: 600;border-radius: var(--radius-full);border: 1px solid rgba(6,182,212,0.2);font-size: 0.75rem}


.w1-sticky-cta {bottom: 0;border: 1px solid rgba(6,182,212,0.3);padding: 0.75rem 1.25rem;align-items: center;z-index: 900;gap: 1rem;display: flex;background: var(--secondary-bg);max-width: 620px;border-bottom: none;width: 100%;box-shadow: var(--shadow-xl);border-radius: var(--radius-lg) var(--radius-lg) 0 0;transform: translate(-50%, 0);justify-content: space-between;left: 50%;position: fixed}
.w1-sticky-cta__brand {text-overflow: ellipsis;font-size: 0.9rem;white-space: nowrap;color: var(--accent-light);font-weight: 700;overflow: hidden}
.w1-sticky-cta__btn {white-space: nowrap;padding: 0.55rem 1.25rem;flex-shrink: 0;border-radius: var(--radius-full);background: var(--primary-gradient);font-size: 0.85rem;font-weight: 700;text-decoration: none;color: var(--text-white)}
@media (max-width: 480px) { .w1-sticky-cta__brand { display: none; } }


.w1-body { background: var(--primary-bg); }


.app-features-section,.benefits-section,.bonus-calculator-section,.comparison-section,
.crash-how-works-section,.crash-strategies-section,.download-instructions-section,
.exclusive-features-section,.expert-analysis-section,.featured-games-section,
.featured-promos-section,.filters-section,.football-section,.game-categories-section,
.game-features-section,.game-rules-section,.games-section,.help-section,
.historical-data-section,.hot-games-section,.league-coverage-section,.live-betting-section,
.live-casino-section,.live-games-section,.live-stats-section,.loyalty-program-section,
.mobile-app-section,.new-games-section,.odds-comparison-section,.other-sports-section,
.password-recovery-section,.payment-section,.performance-section,.platform-section,
.popular-crash-section,.promo-calendar-section,.quick-registration-section,
.requirements-section,.responsible-gaming-section,.reviews-section,.security-section,
.security-tips-section,.slots-section,.stats-section,.support-section,
.system-requirements-section,.table-games-section,.tech-stack-section,.technology-section,
.terms-section,.tips-section,.update-log-section,.user-stories-section,.vip-program-section,
.vip-section,.weekly-events-section,.welcome-bonus-section,.winners-hall-section,.winners-section {
  scroll-margin-top: 100px;
}

.analysis-title,.benefits-title,.chart-title,.examples-title,.metric-title,.platform-title,
.promo-title,.rtp-title,.rule-title,.sport-title,.tech-title,.tools-title,.upcoming-title {color: var(--accent-color);margin-bottom: 0.5rem}

.analysis-note,.chart-stat,.comparison-text,.cta-text,.feature-text,.featured-description,
.hero-text,.hot-stat,.message-text,.promo-description,.rtp-description,.security-description,
.sport-description,.strategy-description,.tech-description,.tier-description,.tip-description {color: var(--text-gray);font-size: 0.9rem}

.featured-icon,.new-game-icon,.promo-icon,.upcoming-icon {font-size: 1.6rem;flex-shrink: 0}


.app-downloads, .games-features, .app-features, .exclusive-features, .mobile-features,
.tech-features, .category-features {display: flex;margin: 1.5rem 0;gap: 1rem;flex-direction: column}
.benefit-content, .channel-content, .featured-content, .game-content, .help-content,
.promo-content, .sport-content, .story-content, .step-content, .tier-content,
.event-content, .update-content, .upcoming-content, .review-content, .league-content,
.rtp-content, .responsible-content {flex: 1;min-width: 0}
.cta-content {margin: 0 auto;max-width: 720px}
.sport-header, .stat-header, .league-category { margin-bottom: 0.75rem; }
.game-name {font-weight: 600;color: var(--text-white);font-size: 0.9rem}
.stat-game {margin: 0;color: var(--accent-color)}
.download-btn {background: rgba(255,255,255,0.06);color: var(--text-white);display: inline-flex;align-items: center;padding: 0.75rem 1.25rem;text-decoration: none;border-radius: var(--radius-md);gap: 0.6rem}
.benefit-desc {color: var(--text-gray);font-size: 0.85rem}
.calculator-result {flex-direction: column;display: flex;justify-content: center}
.example-bonus, .example-deposit {font-size: 0.82rem;color: var(--text-muted)}
.promo-validity {font-size: 0.78rem;color: var(--text-muted)}
.rating-item { text-align: center; }
.requirements-warning { margin-top: 1.5rem; }
.schedule-date {font-size: 0.85rem;color: var(--accent-color);font-weight: 700}
.schedule-games {font-size: 0.85rem;color: var(--text-gray)}
.security-list, .level-benefits, .story-info, .winner-details, .winner-details-hall {display: flex;gap: 0.25rem;flex-direction: column;list-style: none}
.total-amount {color: var(--accent-color);font-weight: 700}
.total-label {color: var(--text-muted);font-size: 0.85rem}
.featured-promos-list {margin: 1.5rem 0;flex-direction: column;gap: 1.25rem;display: flex}


.table-responsive, table {width: 100%;overflow-x: auto}
@media (max-width: 991.98px) {
  .header-content { padding: 0.6rem 0; }
  .hero-section {padding: 7rem 0 3rem;min-height: auto}
}
@media (max-width: 480px) {
  .btn-mobile-register {padding: 0.5rem 0.7rem;font-size: 0.72rem}
  .brand-logo img { height: 34px; }
}


.sf-related-articles{border:1px solid rgba(148,163,184,.24);margin:clamp(28px,5vw,56px) auto;border-radius:24px;box-shadow:0 16px 45px rgba(15,23,42,.08);padding:clamp(18px,3vw,28px);background:rgba(255,255,255,.06);max-width:1120px}
.sf-related-articles h2{line-height:1.2;font-size:clamp(1.35rem,2.5vw,2rem);margin:0 0 8px}
.sf-related-articles>p{margin:0 0 18px;line-height:1.65;opacity:.78}
.sf-related-articles__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0;padding:0;gap:14px;list-style:none}
.sf-related-articles__item{margin:0;padding:0;list-style:none}
.sf-related-articles__link{display:flex;gap:7px;color:inherit;border-radius:18px;flex-direction:column;transition:transform .18s ease,border-color .18s ease,background .18s ease;text-decoration:none;padding:16px;background:rgba(255,255,255,.08);min-height:100%;border:1px solid rgba(148,163,184,.18)}
.sf-related-articles__link:hover{border-color:rgba(59,130,246,.45);transform:translateY(-2px);background:rgba(255,255,255,.13)}
.sf-related-articles__type{background:rgba(59,130,246,.14);padding:3px 9px;font-weight:700;font-size:.72rem;letter-spacing:.04em;border-radius:999px;width:max-content;color:inherit;text-transform:uppercase;opacity:.88}
.sf-related-articles strong{font-size:1rem;line-height:1.35}
.sf-related-articles small{line-height:1.45;opacity:.72;font-size:.88rem}
@media(max-width:640px){.sf-related-articles{margin:28px 12px;border-radius:18px;padding:16px}.sf-related-articles__list{grid-template-columns:1fr}.sf-related-articles__link{padding:14px}}