/* Yuvraj Matka — clean page, digital clock kept. */
html, body {
  background: #f3f7fb !important;
  color: #16324a !important;
  overflow-x: hidden !important;
}

body {
  font-family: "Segoe UI", system-ui, sans-serif;
}

.site-header {
  background: #f3f7fb !important;
  border-bottom: 0 !important;
}

.brand-banner.demo-brand {
  background: #ffffff !important;
  border-radius: 0 0 22px 22px !important;
  box-shadow: 0 8px 24px rgba(22, 50, 74, .08) !important;
  padding: .9rem .7rem 1rem !important;
}

.demo-logo-main,
.demo-logo-main span {
  font-family: Orbitron, "Segoe UI", sans-serif !important;
  color: #0f3a5a !important;
  text-shadow: none !important;
  letter-spacing: .02em !important;
  font-size: clamp(.78rem, 4.4vw, 1.7rem) !important;
}

.demo-logo-rule {
  width: 72px !important;
  height: 3px !important;
  background: #f59e0b !important;
}

.demo-logo-sub,
.demo-satta,
.demo-matka {
  font-family: Orbitron, "Segoe UI", sans-serif !important;
  color: #c2410c !important;
  letter-spacing: .12em !important;
}

.demo-logo-url {
  color: #0e7490 !important;
  letter-spacing: .08em !important;
}

.header-clock {
  width: min(360px, calc(100% - 8px)) !important;
  margin: .75rem auto 0 !important;
  padding: .65rem .75rem .7rem !important;
  border-radius: 16px !important;
  background: #0c1218 !important;
  border: 3px solid #243044 !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, .18) !important;
}

.header-clock-label { color: #93a4b5 !important; letter-spacing: .12em !important; }
.header-clock-dot { background: #ffbf3c !important; box-shadow: 0 0 8px #ffbf3c !important; }
.header-clock-time {
  font-family: "Share Tech Mono", ui-monospace, Consolas, monospace !important;
  color: #ffbf3c !important;
  font-size: clamp(1.55rem, 6.4vw, 2.15rem) !important;
  letter-spacing: .04em !important;
  text-shadow: none !important;
}
.header-clock-date {
  color: #9fdfff !important;
  font-family: "Share Tech Mono", ui-monospace, Consolas, monospace !important;
}

.keyword-box {
  max-height: none !important;
  overflow: visible !important;
  width: min(640px, calc(100% - 4px)) !important;
  margin: .75rem auto 0 !important;
  padding: .65rem .7rem !important;
  border-radius: 12px !important;
  background: #f0fdf4 !important;
  border: 1px solid #86efac !important;
  box-shadow: none !important;
}
.keyword-box-text {
  margin: 0 !important;
  color: #14532d !important;
  font-family: "Segoe UI", system-ui, sans-serif !important;
  font-size: .8rem !important;
  line-height: 1.65 !important;
  overflow-wrap: anywhere !important;
  white-space: normal !important;
}
.keyword-item,
.keyword-item.kw0,
.keyword-item.kw1,
.keyword-item.kw2,
.keyword-item.kw3,
.keyword-item.kw4,
.keyword-item.kw5,
.keyword-item.kw6,
.keyword-item.kw7 { color: #166534 !important; }
.keyword-sep { color: #16a34a !important; }

.container-page { max-width: 100% !important; }

.hero { padding-left: .35rem !important; padding-right: .35rem !important; }
.hero h1 {
  font-family: "Segoe UI", system-ui, sans-serif !important;
  color: #0f3a5a !important;
  text-shadow: none !important;
  letter-spacing: 0 !important;
  font-size: clamp(1.05rem, 4.6vw, 1.45rem) !important;
  line-height: 1.35 !important;
  overflow-wrap: anywhere !important;
  white-space: normal !important;
  padding: 0 .2rem !important;
}
.hero p {
  color: #9a3412 !important;
  font-family: "Segoe UI", system-ui, sans-serif !important;
  font-size: .88rem !important;
  line-height: 1.5 !important;
  overflow-wrap: anywhere !important;
  padding: 0 .35rem !important;
}

.section-title,
.gp-home-title,
.nt-home-title {
  color: #0e7490 !important;
  font-family: "Segoe UI", system-ui, sans-serif !important;
  text-shadow: none !important;
}

.ym-seo-wrap { padding: .2rem .15rem 0 !important; }
.ym-seo-card {
  background: #ffffff !important;
  border: 1px solid #d5e3ee !important;
  box-shadow: 0 6px 16px rgba(22, 50, 74, .06) !important;
  max-width: 100% !important;
  overflow: visible !important;
}
.ym-seo-kicker { color: #c2410c !important; }
.ym-seo-line {
  overflow-wrap: anywhere !important;
  white-space: normal !important;
  line-height: 1.75 !important;
}

.ys-live-card {
  background: linear-gradient(180deg, #fff 0%, #fff6f1 100%) !important;
  border: 1px solid #fff !important;
  border-top: 1px solid #fff !important;
  border-radius: 22px !important;
  padding: 0 !important;
  box-shadow: inset 0 1px 0 #fff, 0 7px 0 #e4c8ba, 0 16px 24px rgba(90, 28, 18, .2) !important;
  overflow: hidden !important;
  color: #7f1d1d !important;
}
.ys-live-inner {
  position: relative !important;
  background: transparent !important;
  border-radius: 0 !important;
  padding: 16px 14px 14px !important;
  text-align: center !important;
}
.ys-live-badge {
  background: linear-gradient(180deg, #fff, #fff4ea) !important;
  border: 1px solid #fdba74 !important;
  border-radius: 999px !important;
  color: #9a3412 !important;
  box-shadow: 0 2px 0 #f3d2b0 !important;
}
.ys-live-sat {
  position: absolute !important;
  left: 8px !important;
  top: 8px !important;
  z-index: 2 !important;
  width: auto !important;
  height: auto !important;
  background: none !important;
  font-size: 56px !important;
  line-height: 1 !important;
}
.ys-live-name { color: #7f1d1d !important; text-align: center !important; margin: 8px 0 10px !important; }
.ys-live-stage {
  background: linear-gradient(180deg, #f8d7bc, #fff6ec) !important;
  border: 1px solid #f0c39a !important;
  border-radius: 16px !important;
  margin: 0 !important;
  width: auto !important;
  max-width: none !important;
  box-shadow: inset 0 5px 12px rgba(146, 64, 14, .16), inset 0 -1px 0 #fff !important;
}
.ys-live-jodi { color: #9a3412 !important; }
.ys-side { color: #9a3412 !important; font-size: 1.2rem !important; font-weight: 800 !important; }
.ys-jodi { background: linear-gradient(180deg, #a32828, #6b1212) !important; color: #fff7ed !important; font-size: 2.35rem !important; border-radius: 12px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 4px 0 #4a0c0c !important; }
.ys-jodi.ys-jodi-red { background: linear-gradient(180deg, #ef4444, #b91c1c) !important; color: #fff !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 4px 0 #7f1d1d !important; }
.ys-beat {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 6px !important;
  padding: 4px 12px 4px 4px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #fff1f2, #fecdd3) !important;
  border: 1.5px solid #e11d48 !important;
  font-family: "Segoe UI", system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
  text-transform: none !important;
  color: #9f1239 !important;
  vertical-align: middle !important;
  line-height: 1 !important;
}
.ys-dil {
  display: inline-flex !important;
  width: 26px !important;
  height: 26px !important;
  border-radius: 50% !important;
  background: #be123c !important;
  color: #fff !important;
  font-size: 14px !important;
}
.ys-load-txt { color: #9f1239 !important; font-style: italic !important; }
.ys-live-loader .ys-beat { margin-left: 0 !important; font-size: 16px !important; }

.ys-notice-panel {
  background: #ffffff !important;
  box-shadow: 0 8px 18px rgba(22, 50, 74, .08) !important;
}
.ys-notice-inner {
  background: #ffffff !important;
  border: 1px solid #d5e3ee !important;
}
.ys-notice-head { color: #0e7490 !important; letter-spacing: .08em !important; }
.ys-notice-body {
  max-height: none !important;
  overflow: visible !important;
  background: #f8fafc !important;
  color: #16324a !important;
  text-align: center !important;
  overflow-wrap: anywhere !important;
}
.ys-notice-body p,
.ys-notice-body strong { color: #16324a !important; }

.market-result-card,
.market-result-card.is-hot {
  background: #ffffff !important;
  border: 1px solid #d5e3ee !important;
  box-shadow: 0 8px 18px rgba(22, 50, 74, .07) !important;
}
.market-result-card.is-hot { border-color: #f59e0b !important; }
.market-title, .side-num { color: #0f3a5a !important; }
.jodi-num {
  color: #c2410c !important;
  text-shadow: none !important;
  font-family: ui-monospace, Consolas, monospace !important;
}
.jodi-num.is-red { color: #dc2626 !important; text-shadow: none !important; }
.result-date-line,
.market-result-card.is-hot .result-date-line { color: #475569 !important; }

.markets-info-box {
  background: #ffffff !important;
  border-color: #93c5fd !important;
}
.markets-info-box p { color: #16324a !important; }
.markets-info-box strong { color: #c2410c !important; }

.card-surface,
.faq details { background: #ffffff !important; border-color: #d5e3ee !important; }
.faq summary, .card-surface h2 { color: #0f3a5a !important; }
.faq details p, .card-surface p { color: #334155 !important; }

.load-chart-card {
  background: #ffffff !important;
  border: 1px solid #f59e0b !important;
  color: #16324a !important;
}
.load-chart-card h2,
.load-chart-card label,
.load-meta-line { color: #0f3a5a !important; }
.load-select,
.load-chart-card select,
.load-chart-card input {
  background: #f8fafc !important;
  color: #16324a !important;
  border: 1px solid #d5e3ee !important;
}

.gp-chart, .gp-scroll, .gp-winner-text, .nt-card {
  background: #ffffff !important;
  color: #16324a !important;
  border-color: #d5e3ee !important;
}
.gp-trick-label, .nt-body, .gp-band { color: #16324a !important; }

.yc-app-card {
  background: #ffffff !important;
  border: 1px solid #d5e3ee !important;
  color: #16324a !important;
}

.site-footer {
  background: #f3f7fb !important;
  border-top: 1px solid #d5e3ee !important;
}
.footer-nav-panel {
  background: #ffffff !important;
  border-color: #d5e3ee !important;
}
.footer-nav-brand,
.footer-copy p:first-child { color: #0e7490 !important; }
.footer-domain { color: #c2410c !important; }
.footer-nav-btn {
  background: #f8fafc !important;
  border-color: #d5e3ee !important;
  color: #16324a !important;
}
.footer-nav-home {
  background: #e0f2fe !important;
  color: #0f3a5a !important;
  border-color: #7dd3fc !important;
}
.footer-copy p { color: #475569 !important; }

.wa-join-btn { border-radius: 14px !important; }
.floating-action { z-index: 60 !important; }