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

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {line-height: 1.6;font-family: -apple-system, "Segoe UI", Roboto, Arial, sans-serif;margin: 0;background: #fff;color: var(--b5-text);outline-offset:0;user-select:auto;pointer-events: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 {margin: 0 auto;max-width: 1140px;padding: 0 16px}
.row {margin: 0 -12px;display: flex;flex-wrap: wrap}
[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-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 {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: #16171b; }
.img-fluid {height: auto;max-width: 100%;display: block}
.bg-light { background: var(--b5-light); }
.bg-warning { background: rgb(255,193,7); }
.bg-success { background: rgba(25,135,84,1); }
.bg-primary { background: var(--b5-accent-1); }
.bg-info { background: #0dcaf0; }
.bg-gradient-dark {color: #fff;background: var(--b5-navy-1)}


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


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

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

.navbar-toggler, .b5-nav-toggle {cursor: pointer;background: transparent;border: 1px solid rgba(255,255,255,.4);border-radius: 6px;padding: 6px 10px;display: inline-block}
.navbar-toggler-icon {width: 20px;background: #fff;display: block;height: 2px;position: relative}
.navbar-toggler-icon::before, .navbar-toggler-icon::after {width: 20px;height: 2px;background: #fff;position: absolute;content: "";left: 0}
.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 {left: 0;top: 100%;background: #16171b;position: absolute;padding: .5rem 1rem 1rem;display: block;right: 0}
.navbar-nav {display: flex;margin: 0;padding: 0;flex-direction: column;gap: 2px;list-style: none}
.ms-auto { margin-left: auto; }
.nav-item { list-style: none; }
.nav-item .nav-link, .nav-link {color: rgba(255,255,255,.75);padding: .5rem .85rem;border-radius: 6px;display: block}
.nav-item .nav-link:hover, .nav-item .nav-link.active,
.nav-link:hover, .nav-link.active {background: rgba(255,255,255,.08);color: rgba(255,255,255,1)}


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


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


.card {border-radius: var(--b5-radius);overflow: hidden;background: #fff;margin-bottom: 1rem}
.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 {background: var(--b5-light);margin-top: 68px;padding: 1rem 0}
.breadcrumb {gap: .35rem;padding: 0;list-style: none;margin: 0;flex-wrap: wrap;display: flex}
.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);border-radius: 8px;overflow: hidden}
.accordion-header { margin: 0; }
.accordion-button {width: 100%;padding: 1rem 1.25rem;cursor: pointer;background: var(--b5-light);text-align: left;font-weight: 600;font-size: 1rem;border: none}
.accordion-button.collapsed { background: #fff; }
.accordion-collapse { display: block; }
.accordion-collapse:not(.show) { display: none; }
.accordion-body { padding: 1rem 1.25rem; }


.alert {margin-bottom: 1rem;border-radius: 8px;padding: 1rem 1.25rem}
.alert-info {background: #cfe2ff;color: #084298}
.alert-warning {background: #fff3cd;color: rgba(102,77,3,1)}
.alert-success {color: #0f5132;background: rgb(209,231,221)}


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