:root {
  --b7-primary: #c41e3a;
  --b7-bright: #e11d48;
  --b7-deep: #9f1239;
  --b7-gold: #f59e0b;
  --b7-ink: #fff5f5;
  --b7-muted: #fecdd3;
}

html { scroll-behavior: smooth; }

.b7-live {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  margin-left: auto;
  min-width: 148px;
  padding: 4px 10px 4px 0;
}
.b7-live__label {
  margin: 0;
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--b7-deep);
  font-weight: 800;
}
.b7-live__time {
  margin: 0;
  font-size: 13px;
  font-weight: 800;
  color: var(--b7-primary);
  font-variant-numeric: tabular-nums;
}

.b7-crumb {
  max-width: 1100px;
  margin: 12px auto 0;
  padding: 0 16px;
  font-size: 13px;
}
.b7-crumb ol {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  list-style: none;
  margin: 0;
  padding: 0;
  color: #6b7280;
}
.b7-crumb a { color: var(--b7-primary); text-decoration: none; font-weight: 700; }
.b7-crumb li + li::before { content: "/"; margin-right: 6px; color: #9ca3af; }

.b7-stamp {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin: 10px 0 18px;
  font-size: 13px;
  color: #6b7280;
}
.b7-stamp time { color: var(--b7-deep); font-weight: 700; }

.b7-saham {
  margin: 18px 0;
  padding: 22px 16px 18px;
  border-radius: 16px;
  background: linear-gradient(180deg, #1a0508 0%, #0a0303 100%);
  border: 1px solid var(--b7-primary);
  color: var(--b7-ink);
}
.b7-saham__head { text-align: center; margin: 0 0 16px; }
.b7-saham__head h2 {
  margin: 0 0 6px;
  font-size: 22px;
  color: #fff;
}
.b7-saham__head p { margin: 0; color: var(--b7-muted); font-size: 14px; }
.b7-saham__unit {
  display: inline-block;
  margin-top: 8px;
  padding: 3px 10px;
  border-radius: 999px;
  background: rgba(225, 29, 72, .2);
  color: var(--b7-gold);
  font-size: 12px;
  font-weight: 800;
}
.b7-saham__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.b7-saham__chart {
  background: #050203;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(196, 30, 58, .45);
}
.b7-saham__chart h3 {
  margin: 0;
  padding: 10px 12px;
  font-size: 13px;
  color: var(--b7-muted);
}
.b7-saham__chart .tradingview-widget-container { min-height: 380px; }

.b7-togel {
  margin: 18px 0;
  padding: 22px 16px 18px;
  border-radius: 18px;
  background:
    radial-gradient(720px 220px at 8% -10%, rgba(225, 29, 72, .22), transparent 60%),
    linear-gradient(180deg, #1a0508 0%, #0a0303 100%);
  border: 1px solid var(--b7-primary);
  color: var(--b7-ink);
}
.b7-togel__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin: 0 0 16px;
}
.b7-togel__brand { display: flex; align-items: flex-start; gap: 12px; }
.b7-togel__mark {
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  font-weight: 800;
  letter-spacing: .04em;
  background: linear-gradient(180deg, #e11d48, #9f1239);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
}
.b7-togel__head h2 { margin: 0 0 6px; font-size: 22px; color: #fff; }
.b7-togel__head p { margin: 0; color: var(--b7-muted); font-size: 14px; max-width: 52ch; }
.b7-togel__chip {
  flex: 0 0 auto;
  padding: 5px 11px;
  border-radius: 999px;
  background: rgba(245, 158, 11, .16);
  color: var(--b7-gold);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.b7-togel__stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}
.b7-togel__stat {
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(5, 2, 3, .62);
  border: 1px solid rgba(196, 30, 58, .4);
}
.b7-togel__k {
  display: block;
  font-size: 11px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--b7-muted);
  margin-bottom: 4px;
}
.b7-togel__v { font-size: 16px; color: #fff; }
.b7-togel__v--on { color: #fde68a; }
.b7-togel__tools {
  display: grid;
  grid-template-columns: 1fr 180px auto;
  gap: 8px;
  margin: 0 0 16px;
}
.b7-togel__tools input,
.b7-togel__tools select,
.b7-togel__refresh {
  min-height: 42px;
  border-radius: 10px;
  border: 1px solid rgba(254, 205, 211, .28);
  background: #140505;
  color: #fff5f5;
  font: inherit;
  padding: 0 12px;
}
.b7-togel__refresh {
  background: linear-gradient(180deg, #e11d48, #c41e3a 55%, #9f1239);
  border-color: #c41e3a;
  font-weight: 800;
  cursor: pointer;
}
.b7-togel__sr {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.b7-togel__list-title {
  margin: 0 0 12px;
  font-size: 15px;
  color: #fecdd3;
}
.b7-togel__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.b7-togel__card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 14px;
  border-radius: 14px;
  background: rgba(5, 2, 3, .76);
  border: 1px solid rgba(253, 230, 138, .18);
}
.b7-togel__card.is-hidden { display: none; }
.b7-togel__card.is-focus {
  box-shadow: 0 0 0 1px #fde68a, 0 10px 24px rgba(0, 0, 0, .28);
}
.b7-togel__card-top { display: flex; align-items: center; gap: 10px; }
.b7-togel__logo {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  font-size: 12px;
  font-weight: 800;
  background: #9f1239;
  color: #fff;
}
.b7-togel__card h4 { margin: 0; font-size: 16px; color: #fff; }
.b7-togel__card-top p { margin: 2px 0 0; font-size: 12px; color: #fecdd3; }
.b7-togel__num {
  margin: 4px 0 0;
  font-size: 36px;
  font-weight: 800;
  letter-spacing: .12em;
  color: #fff;
  font-variant-numeric: tabular-nums;
}
.b7-togel__tag {
  margin: 0;
  display: inline-flex;
  width: fit-content;
  padding: 3px 8px;
  border-radius: 999px;
  background: rgba(225, 29, 72, .22);
  color: #fecdd3;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.b7-togel__meta {
  margin: 0;
  display: grid;
  gap: 6px;
}
.b7-togel__meta > div { display: flex; justify-content: space-between; gap: 10px; font-size: 13px; }
.b7-togel__meta dt { color: #fecdd3; font-weight: 700; }
.b7-togel__meta dd { margin: 0; color: #fff; font-weight: 700; }
.b7-togel__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: auto;
  padding-top: 8px;
  border-top: 1px solid rgba(254, 205, 211, .14);
  font-size: 12px;
  color: #fecdd3;
}
.b7-togel__cta {
  display: inline-flex;
  align-items: center;
  padding: 7px 10px;
  border-radius: 8px;
  background: linear-gradient(180deg, #e11d48, #9f1239);
  color: #fff;
  text-decoration: none;
  font-weight: 800;
}
.b7-togel__note {
  margin: 14px 0 0;
  font-size: 12px;
  line-height: 1.55;
  color: #fff5f5;
  text-align: center;
}

.b7-rtp {
  margin: 0 0 22px;
  padding: 22px 16px 16px;
  border-radius: 16px;
  background: linear-gradient(135deg, #9f1239 0%, #c41e3a 55%, #e11d48 100%);
  color: var(--b7-ink);
}
.b7-rtp__head { text-align: center; margin: 0 0 18px; }
.b7-rtp__head h2 { margin: 0 0 6px; font-size: 22px; }
.b7-rtp__live {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
}
.b7-rtp__dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fde68a;
  margin-right: 6px;
  box-shadow: 0 0 0 4px rgba(253, 230, 138, .2);
}
.b7-rtp__stamp { margin: 6px 0 0; color: #fde68a; font-size: 12px; font-weight: 700; }
.b7-rtp__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.b7-rtp__card {
  background: rgba(5, 2, 3, .72);
  border: 1px solid rgba(253, 230, 138, .28);
  border-radius: 12px;
  padding: 14px 12px 12px;
}
.b7-rtp__card.is-today {
  box-shadow: 0 0 0 1px #fde68a, 0 10px 24px rgba(0, 0, 0, .28);
}
.b7-rtp__card h3 { margin: 0 0 6px; font-size: 13px; color: #fecdd3; }
.b7-rtp__pct { margin: 0 0 8px; font-size: 26px; font-weight: 800; color: #fff; }
.b7-rtp__bar {
  height: 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .14);
  overflow: hidden;
  margin-bottom: 8px;
}
.b7-rtp__bar span {
  display: block;
  height: 100%;
  width: 90%;
  background: linear-gradient(90deg, #9f1239, #e11d48, #f59e0b);
}
.b7-rtp__tag { margin: 0; font-size: 12px; color: #fecdd3; }
.b7-rtp__note { margin: 14px 0 0; font-size: 12px; color: #fff5f5; text-align: center; }

.m-footer,
.m-footer-sitemap {
  display: block !important;
  visibility: visible !important;
  position: relative !important;
  z-index: 3;
}
.m-footer { padding-bottom: 96px; }

.b7-pay {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.b7-pay a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 76px;
  min-height: 40px;
  padding: 6px 10px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  text-decoration: none;
}
.b7-pay img {
  display: block;
  height: 22px;
  width: auto;
  max-width: 72px;
  object-fit: contain;
}

@media (max-width: 900px) {
  .b7-saham__grid,
  .b7-rtp__grid,
  .b7-togel__grid,
  .b7-togel__stats { grid-template-columns: 1fr 1fr; }
  .b7-togel__tools { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .b7-live { min-width: 0; align-items: flex-start; padding-right: 8px; }
  .b7-saham__grid,
  .b7-rtp__grid,
  .b7-togel__grid,
  .b7-togel__stats { grid-template-columns: 1fr; }
  .b7-rtp__pct { font-size: 22px; }
  .b7-togel__head { flex-direction: column; }
  .b7-togel__num { font-size: 30px; }
}

.seo-lang{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:14px 0 8px;position:relative;z-index:1001;pointer-events:auto}
.seo-lang--head{margin:0 10px 0 0;flex:0 0 auto}
.seo-lang--head .seo-lang__label{display:none}
.seo-lang--head .seo-lang__btn{background:#fff;color:#9f1239;border-color:#c41e3a}
.seo-lang--head .seo-lang__btn[aria-selected="true"]{background:#c41e3a;color:#fff}
@media (max-width: 820px){
  .seo-lang--head .seo-lang__btn span{display:none}
}
.seo-lang__label{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;opacity:.75}
.seo-lang__btns{display:flex;flex-wrap:wrap;gap:8px}
.seo-lang__btn{display:inline-flex;align-items:center;gap:8px;margin:0;padding:6px 12px;border-radius:999px;border:1px solid currentColor;background:transparent;color:inherit;font:inherit;font-size:12px;font-weight:800;line-height:1;cursor:pointer;text-decoration:none;pointer-events:auto}
.seo-lang__btn[aria-selected="true"]{background:#c41e3a;color:#fff;box-shadow:0 0 0 1px #9f1239}
.seo-lang__flag{display:block;width:22px;height:15px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.25);flex:0 0 auto}
.lang-switch-mc,.switcher-language{display:none!important}

.m-footer__legal-bar-header{flex-wrap:wrap;gap:10px}
.m-footer__legal-bar .seo-lang{margin:0;color:#fff5f5}
.m-footer__legal-bar .seo-lang__btn{color:#fff5f5;border-color:#e11d48}

.ft-pay { max-width: 720px; }
.ft-pay-note { margin: 0 0 10px; font-size: 13px; color: #fecdd3; }
.ft-pay-banner { background: transparent; }
.ft-pay-banner img { width: 100%; height: auto; display: block; }

.b7-foot {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(1px 8px at 8% 70%, rgba(245, 158, 11, .7), transparent 70%),
    radial-gradient(1px 10px at 18% 40%, rgba(225, 29, 72, .55), transparent 70%),
    radial-gradient(1px 7px at 32% 82%, rgba(245, 158, 11, .45), transparent 70%),
    radial-gradient(1px 12px at 47% 28%, rgba(225, 29, 72, .4), transparent 70%),
    radial-gradient(1px 9px at 61% 76%, rgba(245, 158, 11, .55), transparent 70%),
    radial-gradient(1px 11px at 74% 36%, rgba(225, 29, 72, .5), transparent 70%),
    radial-gradient(1px 8px at 88% 64%, rgba(245, 158, 11, .6), transparent 70%),
    linear-gradient(180deg, #120406 0%, #0a0303 100%) !important;
  color: #fff5f5 !important;
  padding-top: 8px;
}
.b7-foot .m-footer-sitemap,
.b7-foot .m-footer-sitemap-container,
.b7-foot .m-footer-links,
.b7-foot .m-footer__social,
.b7-foot .m-footer__payment-methods,
.b7-foot .m-footer__trusted-badges {
  display: block !important;
  visibility: visible !important;
  color: inherit;
}
.b7-foot-tags {
  max-width: 1180px;
  margin: 0 auto;
  padding: 22px 16px 8px;
}
.b7-foot-tags__label {
  margin: 0 0 10px;
  color: #e11d48;
  font-size: 13px;
  font-weight: 800;
}
.b7-foot-tags__row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.b7-foot-tags__row a {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid #c41e3a;
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  font-weight: 700;
  background: rgba(196, 30, 58, .18);
}
.b7-foot .m-footer-sitemap-container.wrapper {
  display: grid !important;
  grid-template-columns: minmax(180px, 240px) 1fr;
  gap: 28px 36px;
  max-width: 1180px;
  margin: 0 auto;
  padding: 18px 16px 10px;
}
.b7-foot .m-footer__trusted-badges {
  grid-row: 1;
  text-align: left !important;
}
.b7-foot .m-footer__trusted-text,
.b7-foot .m-footer__guarantee-headline,
.b7-foot .m-footer__guarantee-subtext {
  color: #fecdd3 !important;
}
.b7-foot .m-footer__guarantee-headline { font-weight: 800; color: #fff !important; }
.b7-foot .m-footer-links {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px 24px;
  grid-column: 2;
}
.b7-foot .link-collection__header,
.b7-foot .m-footer__social-links-header,
.b7-foot .m-footer__payment-methods-header {
  color: #fff !important;
  margin: 0 0 10px;
}
.b7-foot .link-collection__link,
.b7-foot .link-collection__link .link__content {
  color: #fff5f5 !important;
  display: block;
  padding: 4px 0;
  text-decoration: none;
  font-size: 14px;
}
.b7-foot .m-footer__social {
  grid-column: 1;
}
.b7-foot .m-footer__social-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.b7-foot .m-footer__social-links a {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid rgba(254, 205, 211, .35);
  color: #fff;
  background: rgba(255,255,255,.04);
}
.b7-foot .m-footer__social-links svg { fill: currentColor; }
.b7-foot .m-footer__payment-methods {
  grid-column: 2;
}
.b7-foot {
  padding-bottom: 140px;
}
.b7-foot .m-footer__legal-bar {
  background: #1a0a0d !important;
  color: #fecdd3 !important;
  margin-top: 12px;
  position: relative;
  z-index: 1001;
}
.b7-foot .m-footer__legal-bar-container {
  max-width: 1180px;
  margin: 0 auto;
  padding: 12px 16px 18px;
}
.b7-foot .m-footer__legal-bar-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 16px;
}
.b7-foot-locale {
  font-size: 13px;
  font-weight: 800;
  color: #fff;
}
.b7-foot .m-footer__legal-bar-subnav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin-top: 8px;
}
.b7-foot .m-footer__legal-bar-subnav-link,
.b7-foot .m-footer__legal-bar-subnav-link .link__content {
  color: #fecdd3 !important;
  font-size: 12px;
}
@media (max-width: 900px) {
  .b7-foot .m-footer-sitemap-container.wrapper,
  .b7-foot .m-footer-links {
    grid-template-columns: 1fr 1fr;
  }
  .b7-foot .m-footer__social,
  .b7-foot .m-footer__payment-methods,
  .b7-foot .m-footer-links { grid-column: auto; }
}
@media (max-width: 560px) {
  .b7-foot .m-footer-sitemap-container.wrapper,
  .b7-foot .m-footer-links { grid-template-columns: 1fr; }
}

.container.mt-1.pt-1 .b7-rtp { margin-top: 18px; text-align: left; }

.ad7-panel {
  margin: 22px 16px 8px;
  padding: 22px 18px 18px;
  border-radius: 16px;
  border: 1px solid #c41e3a;
  background: linear-gradient(180deg, #fff5f5 0%, #fecdd3 100%);
  color: #1a0508;
}
.ad7-panel h2 { margin: 0 0 14px; font-size: 22px; color: #9f1239; }
.ad7-panel h3 { margin: 18px 0 8px; font-size: 16px; color: #c41e3a; }
.ad7-spec { margin: 0; display: grid; gap: 8px; }
.ad7-spec > div {
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: 10px;
  padding: 8px 0;
  border-bottom: 1px solid rgba(196, 30, 58, .18);
}
.ad7-spec dt { font-weight: 800; color: #9f1239; }
.ad7-spec dd { margin: 0; }
.ad7-panel-note { margin: 14px 0; font-size: 14px; line-height: 1.55; }
.ad7-download {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  margin: 12px 0;
  padding: 14px 16px;
  border-radius: 12px;
  background: linear-gradient(135deg, #e11d48, #c41e3a, #9f1239);
  color: #fff;
  text-decoration: none;
  font-weight: 800;
}
.ad7-download small { font-weight: 600; opacity: .9; }
.ad7-versions { margin: 0; padding-left: 18px; }
.ad7-versions li { margin: 6px 0; }
@media (max-width: 640px) {
  .ad7-spec > div { grid-template-columns: 1fr; gap: 2px; }
}