:root {--b5-navy-3: rgba(15,52,96,1);--b5-navy-2: #16213e;--b5-navy-1: #1a1a2e;--b5-border: #dee2e6;--b5-radius: 10px;--b5-accent-1: #667eea;--b5-text: #212529;--b5-light: #f8f9fa;--b5-text-muted: rgb(108,117,125);--b5-accent-2: #764ba2}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {color: var(--b5-text);line-height: 1.6;background: #fff;margin: 0;font-family: -apple-system, "Segoe UI", Roboto, Arial, sans-serif;outline-offset:0;user-select:auto;pointer-events:auto;isolation:auto}
img {height: auto;max-width: 100%}
a {color: var(--b5-accent-1);text-decoration: none}
h1, h2, h3, h4, h5, h6 {margin: 0 0 0.5em;font-weight: 700}
p { margin: 0 0 1em; }
ul, ol { padding-left: 1.25rem; }


.container {margin: 0 auto;max-width: 1140px;padding: 0 16px}
.row {flex-wrap: wrap;display: flex;margin: 0 -12px}
[class^="col-"] {padding: 0 12px;width: 100%}
.col-12 { width: 100%; }
@media (min-width: 768px) {
  .col-md-3 { width: 25%; }
  .col-md-4 { width: 33.3333%; }
  .col-md-6 { width: 50%; }
}
@media (min-width: 992px) {
  .col-lg-4 { width: 33.3333%; }
  .col-lg-6 { width: 50%; }
  .col-lg-8 { width: 66.6667%; }
  .col-lg-10 { width: 83.3333%; }
  .col-lg-12 { width: 100%; }
}
.mx-auto {margin-left: auto;margin-right: auto}
.offset-lg-2 { margin-left: 0; }


.text-center { text-align: center; }
.text-white { color: #fff; }
.text-white-50 { color: rgba(255,255,255,.65); }
.text-dark { color: var(--b5-text); }
.text-muted { color: var(--b5-text-muted); }
.fw-bold { font-weight: 700; }
.d-flex { display: flex; }
.flex-wrap { flex-wrap: wrap; }
.justify-content-center { justify-content: center; }
.justify-content-between { justify-content: space-between; }
.justify-content-around { justify-content: space-around; }
.align-items-center { align-items: center; }
.gap-3 { gap: 1rem; }
.mb-0 { margin-bottom: 0; }
.mb-2 { margin-bottom: .5rem; }
.mb-3 { margin-bottom: 1rem; }
.mb-4 { margin-bottom: 1.5rem; }
.mb-5 { margin-bottom: 3rem; }
.mt-3 { margin-top: 1rem; }
.mt-4 { margin-top: 1.5rem; }
.mt-5 { margin-top: 3rem; }
.my-3 {margin-bottom: 1rem;margin-top: 1rem}
.my-4 {margin-top: 1.5rem;margin-bottom: 1.5rem}
.py-5 {padding-top: 3rem;padding-bottom: 3rem}
.pt-4 { padding-top: 1.5rem; }
.p-4 { padding: 1.5rem; }
.small { font-size: .85rem; }
.lead {font-weight: 300;font-size: 1.2rem}
.display-4 {font-size: 2.5rem;line-height: 1.15}
.display-5 {line-height: 1.2;font-size: 2.1rem}
.display-6 { font-size: 1.6rem; }
.h3 { font-size: 1.5rem; }
.h4 { font-size: 1.25rem; }
.h5 { font-size: 1.1rem; }
.h6 { font-size: 1rem; }
.list-unstyled {list-style: none;padding-left: 0}
.rounded { border-radius: var(--b5-radius); }
.shadow-sm { box-shadow: 0 2px 8px rgba(0,0,0,.08); }
.border-0 { border: none; }
.border { border: 1px solid var(--b5-border); }
.border-secondary { border-color: rgba(255,255,255,.15) !important; }
.border-success { border: 1px solid #198754; }
.border-warning { border: 1px solid #ffc107; }
.shadow { box-shadow: 0 4px 14px rgba(0,0,0,.14); }
.text-start { text-align: left; }
.p-3 { padding: 1rem; }
.pt-5 { padding-top: 3rem; }
.ms-auto { margin-left: auto; }
.bg-dark { background-color: rgba(22,23,27,1); }
.img-fluid {max-width: 100%;display: block;height: auto}
.bg-light { background: var(--b5-light); }
.bg-warning { background: #ffc107; }
.bg-success { background: #198754; }
.bg-primary { background: var(--b5-accent-1); }
.bg-info { background: #0dcaf0; }
.bg-gradient-dark {color: #fff;background: var(--b5-navy-1)}


.btn {display: inline-block;border-radius: 6px;padding: .55rem 1.1rem;border: none;cursor: pointer;font-weight: 600}
.btn-primary-custom {color: #fff;background: linear-gradient(45deg, var(--b5-accent-1), var(--b5-accent-2))}
.btn-lg {padding: .85rem 1.75rem;font-size: 1.05rem}
.badge {display: inline-block;margin: 2px;padding: .35em .65em;font-size: .75rem;border-radius: 6px}


.navbar {align-items: center;display: flex;padding: .75rem 0;width: 100%}
.navbar .container {width: 100%;justify-content: space-between;align-items: center;display: flex}
.fixed-top {z-index: 1030;right: 0;left: 0;position: fixed;top: 0}
.bg-dark { background-color: #16171b; }
.navbar-dark .navbar-brand { color: #fff; }
.navbar-dark .navbar-nav .nav-link,
.navbar-dark .nav-item .nav-link { color: rgba(255,255,255,.75); }
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .nav-item .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .nav-item .nav-link.active {color: #fff;background: rgba(255,255,255,.08)}
main { padding-top: 68px; }

.navbar-brand {font-weight: 700;font-size: 1.25rem;color: rgba(255,255,255,1)}
.navbar-brand img {height: 42px;display: block}

.b5-navbar-right {gap: 10px;display: flex;align-items: center}
.b5-nav-cta {border-radius: 6px;font-size: .85rem;font-weight: 700;background: linear-gradient(45deg, var(--b5-accent-1), var(--b5-accent-2));white-space: nowrap;color: #fff;padding: 7px 16px;display: inline-block}
.b5-nav-cta:hover { opacity: .9; }

.navbar-toggler, .b5-nav-toggle {border: 1px solid rgba(255,255,255,.4);display: inline-block;padding: 6px 10px;cursor: pointer;background: transparent;border-radius: 6px}
.navbar-toggler-icon {background: #fff;width: 20px;display: block;height: 2px;position: relative}
.navbar-toggler-icon::before, .navbar-toggler-icon::after {width: 20px;background: #fff;height: 2px;left: 0;position: absolute;content: ""}
.navbar-toggler-icon::before { top: -6px; }
.navbar-toggler-icon::after { top: 6px; }

.navbar-collapse, .b5-nav-collapse {flex-basis: 100%;box-sizing: border-box}
.navbar-collapse:not(.b5-open), .b5-nav-collapse:not(.b5-open) { display: none; }
.navbar-collapse.b5-open, .b5-nav-collapse.b5-open {position: absolute;display: block;right: 0;background: #16171b;top: 100%;left: 0;padding: .5rem 1rem 1rem}
.navbar-nav {flex-direction: column;display: flex;padding: 0;margin: 0;list-style: none;gap: 2px}
.ms-auto { margin-left: auto; }
.nav-item { list-style: none; }
.nav-item .nav-link, .nav-link {color: rgba(255,255,255,.75);display: block;border-radius: 6px;padding: .5rem .85rem}
.nav-item .nav-link:hover, .nav-item .nav-link.active,
.nav-link:hover, .nav-link.active {color: #fff;background: rgba(255,255,255,.08)}


@media (min-width: 992px) {
  .navbar-expand-lg .navbar-toggler { display: none; }
  .navbar-expand-lg .navbar-collapse {position: static;padding: 0;flex-basis: auto;background: transparent;display: flex !important}
  .navbar-expand-lg .navbar-nav {gap: 4px;flex-direction: row}
}


.hero-section {color: rgba(255,255,255,1);padding: 100px 0 60px;background: linear-gradient(135deg, var(--b5-navy-1) 0%, var(--b5-navy-2) 50%, var(--b5-navy-3) 100%)}
.hero-section .lead { color: rgba(255,255,255,.85); }
.b5-hero-logo {justify-content: center;display: flex}
.b5-hero-logo img {height: 220px;object-fit: contain;width: 220px}
@media (max-width: 768px) {
  .b5-hero-logo img {width: 180px;height: 180px}
}
.gradient-bg { background: linear-gradient(45deg, var(--b5-accent-1) 0%, var(--b5-accent-2) 100%); }
.ocean-bg { background: linear-gradient(to bottom, #4facfe 0%, #00f2fe 100%); }
.card-hover { transition: transform .3s ease; }
.card-hover:hover { transform: translateY(-6px); }
.text-gradient {-webkit-text-fill-color: transparent;background: linear-gradient(45deg, var(--b5-accent-1), var(--b5-accent-2));-webkit-background-clip: text !important;background-clip: text !important}
.faq-header {background: linear-gradient(135deg, var(--b5-accent-1) 0%, var(--b5-accent-2) 100%);color: #fff;padding: 60px 0}
.b5-stat-icon {margin-bottom: .25rem;font-size: 1.75rem}


.card {background: #fff;margin-bottom: 1rem;overflow: hidden;border-radius: var(--b5-radius)}
.card-header {border-bottom: 1px solid var(--b5-border);padding: 1rem 1.25rem;background: var(--b5-light)}
.card-body { padding: 1.25rem; }
.card.info-card {box-shadow: 0 2px 8px rgba(0,0,0,.06);border-left: 4px solid var(--b5-accent-1)}
.card.promotion-card {border: 2px solid var(--b5-accent-1);border-radius: 15px}


.b5-breadcrumb {padding: 1rem 0;margin-top: 68px;background: var(--b5-light)}
.breadcrumb {gap: .35rem;margin: 0;padding: 0;list-style: none;display: flex;flex-wrap: wrap}
.breadcrumb-item { color: var(--b5-text-muted); }
.breadcrumb-item + .breadcrumb-item::before {content: "›";margin-right: .35rem}
.breadcrumb-item a { color: var(--b5-accent-1); }
.breadcrumb-item.active { color: var(--b5-text); }


.accordion { display: block; }
.collapse { transition: height .2s ease; }
.accordion-item {margin-bottom: .75rem;border: 1px solid var(--b5-border);overflow: hidden;border-radius: 8px}
.accordion-header { margin: 0; }
.accordion-button {font-weight: 600;cursor: pointer;background: var(--b5-light);font-size: 1rem;border: none;width: 100%;text-align: left;padding: 1rem 1.25rem}
.accordion-button.collapsed { background: #fff; }
.accordion-collapse { display: block; }
.accordion-collapse:not(.show) { display: none; }
.accordion-body { padding: 1rem 1.25rem; }


.alert {padding: 1rem 1.25rem;margin-bottom: 1rem;border-radius: 8px}
.alert-info {color: #084298;background: #cfe2ff}
.alert-warning {background: #fff3cd;color: #664d03}
.alert-success {background: #d1e7dd;color: #0f5132}


.footer-bg { background: var(--b5-navy-1); }
.footer-bg h5, .footer-bg h6 { color: #fff; }
.footer-bg a { color: rgba(255,255,255,.65); }
.footer-bg a:hover { color: #fff; }


.terms-section, .responsible-gaming-section, .content-section { padding: 50px 0; }


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