:root {--b5-text: #212529;--b5-accent-2: rgb(118,75,162);--b5-navy-2: #16213e;--b5-navy-1: #1a1a2e;--b5-light: #f8f9fa;--b5-navy-3: #0f3460;--b5-radius: 10px;--b5-accent-1: rgb(102,126,234);--b5-text-muted: rgba(108,117,125,1);--b5-border: #dee2e6}

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


.container {padding: 0 16px;max-width: 1140px;margin: 0 auto}
.row {margin: 0 -12px;display: flex;flex-wrap: wrap}
[class^="col-"] {width: 100%;padding: 0 12px}
.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-bottom: 3rem;padding-top: 3rem}
.pt-4 { padding-top: 1.5rem; }
.p-4 { padding: 1.5rem; }
.small { font-size: .85rem; }
.lead {font-size: 1.2rem;font-weight: 300}
.display-4 {font-size: 2.5rem;line-height: 1.15}
.display-5 {font-size: 2.1rem;line-height: 1.2}
.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 {padding-left: 0;list-style: none}
.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: #16171b; }
.img-fluid {height: auto;max-width: 100%;display: block}
.bg-light { background: var(--b5-light); }
.bg-warning { background: #ffc107; }
.bg-success { background: rgba(25,135,84,1); }
.bg-primary { background: var(--b5-accent-1); }
.bg-info { background: rgb(13,202,240); }
.bg-gradient-dark {background: var(--b5-navy-1);color: #fff}


.btn {font-weight: 600;border-radius: 6px;border: none;padding: .55rem 1.1rem;display: inline-block;cursor: pointer}
.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 {border-radius: 6px;padding: .35em .65em;margin: 2px;display: inline-block;font-size: .75rem}


.navbar {width: 100%;padding: .75rem 0;display: flex;align-items: center}
.navbar .container {align-items: center;justify-content: space-between;display: flex;width: 100%}
.fixed-top {left: 0;z-index: 1030;right: 0;top: 0;position: fixed}
.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 {background: rgba(255,255,255,.08);color: #fff}
main { padding-top: 68px; }

.navbar-brand {font-weight: 700;font-size: 1.25rem;color: #fff}
.navbar-brand img {height: 42px;display: block}

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

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

.navbar-collapse, .b5-nav-collapse {box-sizing: border-box;flex-basis: 100%}
.navbar-collapse:not(.b5-open), .b5-nav-collapse:not(.b5-open) { display: none; }
.navbar-collapse.b5-open, .b5-nav-collapse.b5-open {position: absolute;left: 0;top: 100%;padding: .5rem 1rem 1rem;right: 0;display: block;background: #16171b}
.navbar-nav {list-style: none;flex-direction: column;display: flex;padding: 0;margin: 0;gap: 2px}
.ms-auto { margin-left: auto; }
.nav-item { list-style: none; }
.nav-item .nav-link, .nav-link {display: block;color: rgba(255,255,255,.75);padding: .5rem .85rem;border-radius: 6px}
.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 {background: transparent;padding: 0;flex-basis: auto;display: flex !important;position: static}
  .navbar-expand-lg .navbar-nav {flex-direction: row;gap: 4px}
}


.hero-section {background: linear-gradient(135deg, var(--b5-navy-1) 0%, var(--b5-navy-2) 50%, var(--b5-navy-3) 100%);color: #fff;padding: 100px 0 60px}
.hero-section .lead { color: rgba(255,255,255,.85); }
.b5-hero-logo {display: flex;justify-content: center}
.b5-hero-logo img {object-fit: contain;width: 220px;height: 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 {background: linear-gradient(45deg, var(--b5-accent-1), var(--b5-accent-2));-webkit-text-fill-color: transparent;-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%);padding: 60px 0;color: #fff}
.b5-stat-icon {font-size: 1.75rem;margin-bottom: .25rem}


.card {border-radius: var(--b5-radius);overflow: hidden;margin-bottom: 1rem;background: #fff}
.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 {border-left: 4px solid var(--b5-accent-1);box-shadow: 0 2px 8px rgba(0,0,0,.06)}
.card.promotion-card {border: 2px solid var(--b5-accent-1);border-radius: 15px}


.b5-breadcrumb {padding: 1rem 0;background: var(--b5-light);margin-top: 68px}
.breadcrumb {margin: 0;list-style: none;flex-wrap: wrap;gap: .35rem;padding: 0;display: flex}
.breadcrumb-item { color: var(--b5-text-muted); }
.breadcrumb-item + .breadcrumb-item::before {margin-right: .35rem;content: "›"}
.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 {overflow: hidden;margin-bottom: .75rem;border: 1px solid var(--b5-border);border-radius: 8px}
.accordion-header { margin: 0; }
.accordion-button {padding: 1rem 1.25rem;text-align: left;font-size: 1rem;font-weight: 600;width: 100%;background: var(--b5-light);border: none;cursor: pointer}
.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 {background: #cfe2ff;color: #084298}
.alert-warning {color: rgb(102,77,3);background: #fff3cd}
.alert-success {color: #0f5132;background: rgba(209,231,221,1)}


.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: rgba(255,255,255,1); }


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


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