/* nightbet theme — dark betting aesthetic, all classes prefixed nb- */

:root {--nb-panel-alt: #1e2440;--nb-radius: 14px;--nb-shell-w: 1180px;--nb-text: #e8ecfb;--nb-shadow: 0 18px 40px rgba(0,0,0,.35);--nb-text-dim: #a3aad0;--nb-danger: #ff5470;--nb-border: #2a3155;--nb-accent-dim: #cf8e10;--nb-panel: #171d33;--nb-accent: #ffb020;--nb-bg-alt: #121729;--nb-accent2: rgba(34,197,139,1);--nb-bg: rgba(11,15,26,1)}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.nb-body {color: var(--nb-text);line-height: 1.55;background: var(--nb-bg);font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, sans-serif;margin: 0;outline-offset:0;user-select:auto}
img {max-width: 100%;display: block}
a {color: inherit;text-decoration: none}
h1, h2, h3 {line-height: 1.2;margin: 0 0 .5em}
p { margin: 0 0 1em; }

.nb-shell {padding: 0 20px;margin: 0 auto;max-width: var(--nb-shell-w)}
.nb-main { display: block; }
.nb-eyebrow {text-transform: uppercase;letter-spacing: .08em;font-size: .78rem;color: var(--nb-accent);font-weight: 700;margin: 0 0 .5em}
.nb-section { padding: 56px 0; }
.nb-rich :where(h2,h3) { color: var(--nb-text); }
.nb-rich :where(a) {color: var(--nb-accent);text-decoration: underline}

/* buttons */
.nb-btn {transition: transform .15s ease, box-shadow .15s ease;justify-content: center;font-weight: 700;gap: .4em;display: inline-flex;font-size: .95rem;border-radius: 999px;cursor: pointer;align-items: center;border: 2px solid transparent;padding: .75em 1.4em}
.nb-btn--solid {background: linear-gradient(135deg, var(--nb-accent), var(--nb-accent-dim));color: #1a1300}
.nb-btn--ghost {background: transparent;color: var(--nb-text);border-color: var(--nb-border)}
.nb-btn--outline {background: transparent;border-color: var(--nb-accent);color: var(--nb-accent)}
.nb-btn--lg {font-size: 1.05rem;padding: 1em 1.9em}
.nb-btn--block {width: 100%;margin-top: .6em}
.nb-btn:hover {transform: translateY(-2px);box-shadow: var(--nb-shadow)}
.nb-hide-mobile { display: inline-flex; }

/* ribbon */
.nb-ribbon {font-size: .82rem;background: var(--nb-bg-alt);border-bottom: 1px solid var(--nb-border)}
.nb-ribbon__row {gap: 1em;color: var(--nb-text-dim);flex-wrap: wrap;padding: 7px 0;justify-content: space-between;display: flex}
.nb-ribbon__msg {font-weight: 600;color: var(--nb-text-dim)}
.nb-ribbon__meta { color: var(--nb-accent2); }

/* nav */
.nb-nav {backdrop-filter: blur(8px);position: sticky;background: rgba(11,15,26,.92);border-bottom: 1px solid var(--nb-border);z-index: 40;top: 0}
.nb-nav__row {display: flex;padding: 14px 0;gap: 24px;align-items: center}
.nb-brand {font-size: 1.3rem;font-weight: 800;color: var(--nb-accent)}
.nb-brand img {height: 38px;width: auto}
.nb-menu {align-items: center;flex: 1;gap: 6px;display: flex;flex-wrap: wrap}
.nb-menu__link {font-weight: 600;font-size: .92rem;color: var(--nb-text-dim);padding: 10px 12px;border-radius: 8px}
.nb-menu__link:hover, .nb-menu__link[aria-current="page"] {background: var(--nb-panel);color: var(--nb-text)}
.nb-menu__item { position: relative; }
.nb-has-drop { position: relative; }
.nb-menu__toggle {display: inline-flex;background: none;gap: 4px;border: none;cursor: pointer;font: inherit;align-items: center}
.nb-caret { font-size: .7em; }
.nb-drop {box-shadow: var(--nb-shadow);padding: 8px;top: calc(100% + 8px);border: 1px solid var(--nb-border);min-width: 190px;border-radius: 10px;background: var(--nb-panel);opacity: 0;transform: translateY(6px);position: absolute;left: 0;transition: all .15s ease;visibility: hidden}
.nb-menu__item.nb-open .nb-drop, .nb-menu__item:hover .nb-drop {transform: translateY(0);visibility: visible;opacity: 1}
.nb-drop__item {display: block;color: var(--nb-text-dim);padding: 8px 10px;border-radius: 6px;font-size: .88rem}
.nb-drop__item:hover {background: var(--nb-panel-alt);color: var(--nb-text)}
.nb-nav__actions {gap: 10px;display: flex;align-items: center}
.nb-burger {background: none;border: none;padding: 6px;gap: 5px;cursor: pointer;display: none;flex-direction: column}
.nb-burger span {width: 22px;background: var(--nb-text);height: 2px;border-radius: 2px}

/* drawer */
.nb-drawer {pointer-events: none;z-index: 60;inset: 0;position: fixed;visibility: hidden}
.nb-drawer.nb-open {pointer-events: auto;visibility: visible}
.nb-drawer__overlay {opacity: 0;transition: opacity .2s ease;inset: 0;background: rgba(0,0,0,.6);position: absolute}
.nb-drawer.nb-open .nb-drawer__overlay { opacity: 1; }
.nb-drawer__panel {padding: 18px;width: min(320px, 86vw);border-left: 1px solid var(--nb-border);right: 0;height: 100%;transition: transform .25s ease;transform: translateX(100%);background: var(--nb-bg-alt);gap: 16px;top: 0;flex-direction: column;position: absolute;display: flex}
.nb-drawer.nb-open .nb-drawer__panel { transform: translateX(0); }
.nb-drawer__head {display: flex;color: var(--nb-accent);align-items: center;justify-content: space-between;font-weight: 800}
.nb-drawer__close {font-size: 1.4rem;background: none;cursor: pointer;border: none;color: var(--nb-text)}
.nb-drawer__links {gap: 2px;display: flex;overflow-y: auto;flex-direction: column}
.nb-drawer__links a {font-weight: 600;border-radius: 8px;padding: 10px 8px;color: var(--nb-text-dim)}
.nb-drawer__links a:hover {color: var(--nb-text);background: var(--nb-panel)}
.nb-drawer__cta {display: flex;margin-top: auto;flex-direction: column;gap: 8px}

/* hero */
.nb-hero {padding: 64px 0 40px;background: radial-gradient(circle at 20% 0%, rgba(255,176,32,.14), transparent 55%), var(--nb-bg)}
.nb-hero__grid {grid-template-columns: 1.1fr .9fr;gap: 40px;align-items: center;display: grid}
.nb-hero__tag {margin-bottom: 14px;border: 1px solid var(--nb-border);color: var(--nb-accent2);padding: 6px 14px;font-size: .82rem;font-weight: 700;border-radius: 999px;background: var(--nb-panel);display: inline-block}
.nb-hero h1 { font-size: clamp(2rem, 4vw, 2.9rem); }
.nb-hero__lead {font-size: 1.05rem;color: var(--nb-text-dim);max-width: 46ch}
.nb-hero__actions {flex-wrap: wrap;display: flex;margin-top: 22px;gap: 12px}
.nb-hero__media { position: relative; }
.nb-hero__media img {border-radius: var(--nb-radius);border: 1px solid var(--nb-border);box-shadow: var(--nb-shadow)}
.nb-hero__stat {bottom: -18px;padding: 12px 18px;box-shadow: var(--nb-shadow);position: absolute;border: 1px solid var(--nb-border);background: var(--nb-panel);left: -18px;border-radius: 12px}
.nb-hero__stat strong {color: var(--nb-accent);display: block;font-size: 1.3rem}
.nb-hero__stat span {font-size: .8rem;color: var(--nb-text-dim)}

/* trust bar */
.nb-trustbar {padding: 16px 0;background: var(--nb-bg-alt);border-block: 1px solid var(--nb-border)}
.nb-trustbar__row {justify-content: center;gap: 24px;flex-wrap: wrap;display: flex}
.nb-trustbar__item {display: inline-flex;align-items: center;font-weight: 600;gap: 8px;font-size: .85rem;color: var(--nb-text-dim)}

/* about */
.nb-about__grid {grid-template-columns: .8fr 1.2fr;align-items: center;display: grid;gap: 40px}
.nb-about__media img {border-radius: var(--nb-radius);border: 1px solid var(--nb-border)}

/* tabs */
.nb-tabs-section h2 {font-size: 1.8rem;margin-bottom: 20px}
.nb-tabs {gap: 8px;border-bottom: 1px solid var(--nb-border);display: flex;flex-wrap: wrap;margin-bottom: 22px}
.nb-tabs__btn {background: none;color: var(--nb-text-dim);font-weight: 700;cursor: pointer;font-size: .92rem;border: none;border-bottom: 2px solid transparent;padding: 10px 16px}
.nb-tabs__btn.nb-active {border-color: var(--nb-accent);color: var(--nb-accent)}
.nb-tabs__panel { display: none; }
.nb-tabs__panel.nb-active { display: block; }
.nb-tabs__panel-inner {padding: 24px;border-radius: var(--nb-radius);background: var(--nb-panel);border: 1px solid var(--nb-border)}
.nb-tabs__panel-inner small {font-weight: 500;color: var(--nb-text-dim)}

/* features */
.nb-features h2 {font-size: 1.8rem;margin-bottom: 24px}
.nb-features__list {display: flex;gap: 22px;flex-direction: column}
.nb-features__row {align-items: flex-start;border: 1px solid var(--nb-border);gap: 18px;border-radius: var(--nb-radius);padding: 20px;background: var(--nb-panel);display: flex}
.nb-features__row--rev {text-align: right;flex-direction: row-reverse}
.nb-features__icon {padding: 10px 14px;background: var(--nb-panel-alt);border-radius: 12px;font-size: 1.6rem}

/* milestones */
.nb-milestones { background: linear-gradient(135deg, var(--nb-panel-alt), var(--nb-bg-alt)); }
.nb-milestones__grid {text-align: center;grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));gap: 20px;display: grid}
.nb-milestone strong {display: block;font-size: 2rem;color: var(--nb-accent)}
.nb-milestone span {color: var(--nb-text-dim);font-size: .85rem}

/* payments */
.nb-payments { background: var(--nb-bg-alt); }
.nb-payments__panel {border-radius: var(--nb-radius);text-align: center;padding: 28px;background: var(--nb-panel);border: 1px solid var(--nb-border)}
.nb-payments__row {justify-content: center;display: flex;flex-wrap: wrap;gap: 10px;margin-top: 12px}
.nb-chip {padding: 8px 16px;background: var(--nb-panel-alt);border-radius: 999px;font-size: .85rem;border: 1px solid var(--nb-border);font-weight: 700}

/* reviews */
.nb-reviews h2 {font-size: 1.8rem;margin-bottom: 20px}
.nb-reviews__grid {display: grid;gap: 18px;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr))}
.nb-review {padding: 20px;border: 1px solid var(--nb-border);border-radius: var(--nb-radius);background: var(--nb-panel)}
.nb-review__stars {margin-bottom: 8px;color: var(--nb-accent)}
.nb-review footer {display: flex;margin-top: 12px;justify-content: space-between;font-size: .85rem;color: var(--nb-text-dim)}
.nb-review footer strong { color: var(--nb-text); }

/* faq */
.nb-faq h2 {font-size: 1.8rem;margin-bottom: 20px}
.nb-faq__list {gap: 10px;flex-direction: column;display: flex}
.nb-faq__item {border: 1px solid var(--nb-border);border-radius: 10px;background: var(--nb-panel);padding: 14px 18px}
.nb-faq__item summary {cursor: pointer;font-weight: 700}
.nb-faq__item p {color: var(--nb-text-dim);margin-top: 10px}

/* responsible gaming */
.nb-responsible__panel {padding: 24px;border: 1px dashed var(--nb-border);border-radius: var(--nb-radius);background: var(--nb-panel-alt)}
.nb-responsible__panel p:last-child {margin: 0;font-size: .92rem;color: var(--nb-text-dim)}

/* cta banner */
.nb-cta {background: linear-gradient(135deg, rgba(255,176,32,.15), rgba(34,197,139,.1));padding: 48px 0;border-top: 1px solid var(--nb-border)}
.nb-cta__row {gap: 24px;justify-content: space-between;display: flex;align-items: center;flex-wrap: wrap}
.nb-cta__actions {gap: 12px;display: flex;flex-wrap: wrap}

/* outbound links */
.nb-outbound {border-top: 1px solid var(--nb-border);padding: 32px 0}
.nb-outbound__list {display: flex;flex-wrap: wrap;margin-top: 10px;gap: 14px}
.nb-outbound a {font-size: .85rem;color: var(--nb-accent2);text-decoration: underline}

/* footer */
.nb-footer {margin-top: 20px;background: var(--nb-bg-alt);border-top: 1px solid var(--nb-border);padding-top: 30px}
.nb-footer__certs {padding-bottom: 24px;flex-wrap: wrap;display: flex;justify-content: center;gap: 16px;border-bottom: 1px solid var(--nb-border)}
.nb-cert {font-weight: 600;gap: 6px;font-size: .82rem;align-items: center;display: inline-flex;color: var(--nb-text-dim)}
.nb-footer__grid {padding: 30px 0;grid-template-columns: 1.4fr 1fr 1fr 1fr;gap: 30px;display: grid}
.nb-footer__col--brand { grid-column: span 1; }
.nb-footer__logo {height: 40px;margin-bottom: 10px}
.nb-footer__head {margin-bottom: 10px;text-transform: uppercase;letter-spacing: .06em;color: var(--nb-text);font-weight: 800;font-size: .78rem}
.nb-footer__col a, .nb-footer__col span {display: block;font-size: .88rem;color: var(--nb-text-dim);margin-bottom: 8px}
.nb-footer__col a:hover { color: var(--nb-accent); }
.nb-footer__pay {margin-top: 10px;flex-wrap: wrap;gap: 8px;display: flex}
.nb-footer__pay span {font-size: .75rem;background: var(--nb-panel);margin: 0;padding: 4px 10px;border-radius: 6px}
.nb-footer__legal {color: var(--nb-text-dim);font-size: .8rem;margin: 0}
.nb-footer__bottom {border-top: 1px solid var(--nb-border);color: var(--nb-text-dim);text-align: center;font-size: .8rem;padding: 16px 0}

/* quickbar */
.nb-quickbar { display: none; }
body.nb-has-quickbar .nb-quickbar {position: fixed;gap: 8px;left: 0;background: rgba(11,15,26,.96);border-top: 1px solid var(--nb-border);display: flex;backdrop-filter: blur(6px);bottom: 0;padding: 10px 14px;z-index: 50;right: 0}
.nb-quickbar__btn {flex: 1;text-align: center;padding: 12px;border-radius: 10px;font-weight: 700}
.nb-quickbar__btn--solid {color: rgb(26,19,0);background: linear-gradient(135deg, var(--nb-accent), var(--nb-accent-dim))}
.nb-quickbar__btn--ghost {color: var(--nb-text);background: var(--nb-panel)}

/* generic / login / plataforma pages */
.nb-page { display: block; }
.nb-page__head { padding: 40px 0 10px; }
.nb-page__body { padding-top: 20px; }
.nb-page__grid {align-items: start;gap: 32px;display: grid;grid-template-columns: 2fr 1fr}
.nb-page__aside {display: flex;gap: 4px;border: 1px solid var(--nb-border);flex-direction: column;padding: 18px;border-radius: var(--nb-radius);background: var(--nb-panel)}
.nb-page__aside-link {border-radius: 6px;padding: 8px 6px;font-size: .88rem;color: var(--nb-text-dim)}
.nb-page__aside-link:hover {background: var(--nb-panel-alt);color: var(--nb-text)}

.nb-login__grid {display: grid;padding: 50px 0;align-items: start;gap: 40px;grid-template-columns: 1.3fr .9fr}
.nb-login__steps {list-style: none;margin: 20px 0;display: flex;gap: 10px;flex-direction: column;padding: 0}
.nb-login__steps li {display: flex;align-items: flex-start;gap: 12px}
.nb-login__step-num {justify-content: center;color: var(--nb-accent);display: flex;height: 26px;border-radius: 50%;align-items: center;font-weight: 800;flex-shrink: 0;background: var(--nb-panel-alt);font-size: .8rem;width: 26px}
.nb-login__security {border-radius: 10px;background: var(--nb-panel);border: 1px solid var(--nb-border);margin-top: 20px;padding: 16px}
.nb-login__trouble { margin-top: 20px; }
.nb-login__trouble ul {padding-left: 18px;color: var(--nb-text-dim)}
.nb-login__card {border: 1px solid var(--nb-border);padding: 26px;border-radius: var(--nb-radius);box-shadow: var(--nb-shadow);background: var(--nb-panel)}
.nb-login__card-title {margin-bottom: 4px;font-weight: 800;font-size: 1.2rem}
.nb-login__card-sub {color: var(--nb-text-dim);font-size: .88rem}
.nb-login__badges {gap: 10px;flex-wrap: wrap;margin-top: 16px;display: flex}

@media (max-width: 900px) {
  .nb-hero__grid, .nb-about__grid, .nb-login__grid, .nb-page__grid { grid-template-columns: 1fr; }
  .nb-footer__grid { grid-template-columns: 1fr 1fr; }
  .nb-menu { display: none; }
  .nb-burger { display: flex; }
  .nb-hide-mobile { display: none; }
}
@media (max-width: 560px) {
  .nb-footer__grid { grid-template-columns: 1fr; }
  .nb-cta__row {align-items: flex-start;flex-direction: column}
}


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