@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@500;600;700;800;900&display=swap');

:root {
  --s143-navy: #07162f;
  --s143-blue: #0b2a55;
  --s143-cyan: #22d3ee;
  --s143-gold: #fbbf24;
  --s143-orange: #f97316;
  --s143-red: #ef4444;
  --s143-card: rgba(255, 255, 255, .96);
  --s143-text: #10203b;
  --s143-shadow: 0 12px 30px rgba(7, 22, 47, .16);
}

html { scroll-behavior: smooth; }
* { box-sizing: border-box; }

body.s143-modern {
  margin: 0 !important;
  padding: 0 10px 30px !important;
  overflow-x: hidden;
  color: var(--s143-text);
  font-family: 'Nunito', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-style: normal !important;
  line-height: 1.5;
  background:
    radial-gradient(circle at 10% 8%, rgba(34, 211, 238, .2), transparent 26rem),
    radial-gradient(circle at 90% 22%, rgba(251, 191, 36, .17), transparent 24rem),
    linear-gradient(145deg, #eef9ff 0%, #fff9e8 52%, #f4f0ff 100%) fixed !important;
}

body.s143-modern::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .22;
  background-image: radial-gradient(#0e7490 1px, transparent 1px);
  background-size: 26px 26px;
  animation: s143Background 18s linear infinite;
}

body.s143-modern > *:not(.s143-site-header):not(.s143-responsible):not(.s143-toast):not(script):not(style):not(link) {
  width: min(100%, 1120px);
  margin-left: auto !important;
  margin-right: auto !important;
}

.s143-site-header {
  width: min(100%, 1120px);
  margin: 10px auto 14px;
  color: #fff;
  border: 1px solid rgba(255,255,255,.17);
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 16px 45px rgba(7, 22, 47, .3);
  position: relative;
  isolation: isolate;
  background: linear-gradient(120deg, var(--s143-navy), #123f78 38%, #0e7490 72%, #7c3aed);
  background-size: 250% 250%;
  animation: s143HeaderFlow 10s ease infinite;
}

.s143-site-header::after {
  content: '✦';
  position: absolute;
  right: 24%;
  top: 4px;
  z-index: -1;
  color: rgba(255,255,255,.18);
  font-size: 5rem;
  line-height: 1;
  animation: s143Float 4s ease-in-out infinite;
}

.s143-brand-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 20px 12px;
}

.s143-brand { color: #fff !important; text-decoration: none !important; }
.s143-brand strong {
  display: block;
  font-size: clamp(25px, 5vw, 42px);
  font-weight: 900;
  letter-spacing: -.8px;
  line-height: 1;
}
.s143-brand strong span { color: var(--s143-gold); }
.s143-brand small { color: #bff4ff; font-weight: 800; letter-spacing: .4px; }
.s143-brand-image {
  display: block;
  width: clamp(190px, 34vw, 330px);
  max-height: 84px;
  object-fit: contain;
  object-position: left center;
  filter: drop-shadow(0 7px 14px rgba(0,0,0,.32));
  animation: s143LogoFloat 3.6s ease-in-out infinite;
}
.s143-page-logo { display: inline-block; padding: 5px 12px; }
.s143-page-logo img {
  width: min(82vw, 430px) !important;
  max-height: 130px;
  object-fit: contain;
  filter: drop-shadow(0 10px 18px rgba(7,22,47,.22));
  animation: s143LogoFloat 3.6s ease-in-out infinite;
}
.s143-mini-mark {
  width: 30px !important;
  height: 30px !important;
  margin: 0 7px;
  object-fit: contain;
  vertical-align: middle;
  animation: s143MarkPulse 2.2s ease-in-out infinite;
}

.s143-live-pill {
  flex: 0 0 auto;
  padding: 8px 12px;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  border: 1px solid rgba(255,255,255,.4);
  border-radius: 999px;
  background: rgba(255,255,255,.12);
  backdrop-filter: blur(8px);
}
.s143-live-pill i {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 6px;
  border-radius: 50%;
  background: #4ade80;
  box-shadow: 0 0 0 0 rgba(74,222,128,.8);
  animation: s143Pulse 1.8s infinite;
}

.s143-nav {
  display: flex;
  gap: 8px;
  padding: 10px 14px;
  overflow-x: auto;
  scrollbar-width: thin;
  background: rgba(0,0,0,.16);
}
.s143-nav a {
  flex: 0 0 auto;
  padding: 8px 13px;
  color: #fff !important;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none !important;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 999px;
  background: rgba(255,255,255,.1);
  transition: transform .2s ease, background .2s ease, color .2s ease;
}
.s143-nav a:hover { color: var(--s143-navy) !important; background: var(--s143-gold); transform: translateY(-2px); }

.s143-responsible {
  width: min(100%, 1120px);
  margin: 0 auto 12px;
  padding: 9px 14px;
  color: #5b3200;
  font-size: 13px;
  font-weight: 800;
  text-align: center;
  border: 1px solid #f7c451;
  border-radius: 12px;
  background: #fff8dc;
}

.s143-feature-strip {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  width: min(100%, 1120px);
  margin: 0 auto 12px;
}
.s143-feature-strip a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 9px 12px;
  color: #fff !important;
  font-size: .9rem;
  font-weight: 900;
  text-align: center;
  text-decoration: none !important;
  border-radius: 14px;
  box-shadow: 0 9px 22px rgba(15, 52, 96, .18);
  background: linear-gradient(125deg, #0369a1, #2563eb);
  transition: transform .2s ease, box-shadow .2s ease;
}
.s143-feature-strip a:nth-child(2) { background: linear-gradient(125deg, #db2777, #f97316); }
.s143-feature-strip a:nth-child(3) { background: linear-gradient(125deg, #6d28d9, #2563eb); }
.s143-feature-strip a:hover { transform: translateY(-3px); box-shadow: 0 13px 27px rgba(15,52,96,.28); }

.s143-seo-intro {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 18px;
  margin: 12px auto !important;
  padding: clamp(18px, 4vw, 30px);
  color: #17304f;
  text-align: left;
  border: 1px solid rgba(14,116,144,.2);
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(232,249,255,.96));
  box-shadow: var(--s143-shadow);
}
.s143-seo-icon {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  font-size: 2rem;
  border-radius: 18px;
  background: linear-gradient(145deg, #dff8ff, #fff1bd);
  box-shadow: inset 0 0 0 1px rgba(14,116,144,.12);
}
.s143-seo-intro h2 { margin: 0 0 10px; color: #082f58; font-size: clamp(1.25rem, 3vw, 1.75rem); }
.s143-seo-intro p { margin: 8px 0; font-size: 1rem; line-height: 1.7; }
.s143-seo-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 15px; }
.s143-seo-links a {
  padding: 9px 13px;
  color: #fff !important;
  font-size: .9rem;
  font-weight: 900;
  text-decoration: none !important;
  border-radius: 999px;
  background: linear-gradient(120deg, #075985, #2563eb);
}

.s143-guide { width: min(100%, 980px) !important; margin: 14px auto !important; }
.s143-guide-hero,
.s143-guide section {
  margin-bottom: 14px;
  padding: clamp(20px, 4vw, 34px);
  border: 1px solid rgba(14,116,144,.18);
  border-radius: 20px;
  background: rgba(255,255,255,.97);
  box-shadow: var(--s143-shadow);
}
.s143-guide-hero { display: grid; grid-template-columns: 110px 1fr; gap: 22px; align-items: center; background: linear-gradient(135deg,#082b55,#0e7490); color: #fff; }
.s143-guide-hero img { width: 110px; height: 110px; object-fit: contain; animation: s143MarkPulse 2.6s ease-in-out infinite; }
.s143-guide-hero h1 { margin: 4px 0 8px; color: #fff; }
.s143-guide-hero p { margin: 0; color: #d9f8ff; }
.s143-eyebrow { color: #fcd34d !important; font-size: .78rem; font-weight: 900; letter-spacing: .14em; }
.s143-guide section h2 { margin-top: 0; color: #082f58; }
.s143-guide section p { font-size: 1rem; line-height: 1.75; }
.s143-results-summary { margin: 12px auto; padding: 20px; text-align: left; border: 1px solid #cfe1ed; border-radius: 16px; background: linear-gradient(135deg,#fff,#eefaff); box-shadow: var(--s143-shadow); }
.s143-results-summary h3 { margin: 0 0 8px; color: #082f58; }
.s143-results-summary p { margin: 0; color: #29435f; font-size: 1rem; line-height: 1.65; }
.s143-original-content { margin: 12px auto; padding: 20px; color: #203a55; text-align: left; border: 1px solid #d6e5f0; border-radius: 16px; background: #fff; box-shadow: var(--s143-shadow); }
.s143-original-content h2 { margin: 0 0 8px; color: #082f58; }
.s143-original-content p { margin: 8px 0; font-size: 1rem; line-height: 1.65; }
.s143-term-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-top: 18px; }
.s143-term-grid article { padding: 16px; border: 1px solid #d6e5f0; border-radius: 14px; background: linear-gradient(145deg,#fff,#f1faff); }
.s143-term-grid h3 { margin: 0 0 5px; color: #075985; }
.s143-term-grid p { margin: 0; font-size: .92rem !important; line-height: 1.55 !important; }

body.s143-modern .top1,
body.s143-modern .descriptionCont,
body.s143-modern .footer-logo,
body.s143-modern #top_five,
body.s143-modern .satta-matka-block_strt_gold,
body.s143-modern .satta-matka-block_strt0,
body.s143-modern .satta-matka-block_strtF,
body.s143-modern .satta-matka-block_strt3,
body.s143-modern .satta-matka-block_strt8,
body.s143-modern .satta-matka-block_strt_adsen1,
body.s143-modern .satta-matka-block_strt_adsen3,
body.s143-modern .result,
body.s143-modern .lifetime,
body.s143-modern .daily,
body.s143-modern .chart_zone,
body.s143-modern .add,
body.s143-modern .CHART3,
body.s143-modern .RESULT,
body.s143-modern .game2,
body.s143-modern .out,
body.s143-modern .fr,
body.s143-modern .panel-heading4,
body.s143-modern form,
body.s143-modern table {
  border: 1px solid rgba(12, 67, 116, .18) !important;
  border-radius: 16px !important;
  box-shadow: var(--s143-shadow) !important;
}

body.s143-modern .top1,
body.s143-modern .descriptionCont { background: transparent !important; box-shadow: none !important; border: 0 !important; }
body.s143-modern .top1 { padding: 8px !important; }
body.s143-modern .logo_name { color: #0e4d92 !important; text-shadow: none !important; }

body.s143-modern .satta-matka-block_strt_gold,
body.s143-modern .satta-matka-block_strt_adsen1,
body.s143-modern .satta-matka-block_strt_adsen3,
body.s143-modern .daily,
body.s143-modern .chart_zone,
body.s143-modern .add,
body.s143-modern .lifetime,
body.s143-modern .game2,
body.s143-modern .out,
body.s143-modern .fr,
body.s143-modern .CHART3,
body.s143-modern form { color: var(--s143-text) !important; background: var(--s143-card) !important; }

body.s143-modern .satta-matka-block_strt0,
body.s143-modern .satta-matka-block_strtF,
body.s143-modern .satta-matka-block_strt3,
body.s143-modern .satta-matka-block_strt8,
body.s143-modern .panel-heading4,
body.s143-modern .hhh,
body.s143-modern .time,
body.s143-modern .uper,
body.s143-modern .iner,
body.s143-modern .ti2 {
  color: #fff !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: linear-gradient(120deg, #092b57, #0e7490) !important;
  box-shadow: var(--s143-shadow) !important;
}

body.s143-modern .result { overflow: hidden; background: #fff !important; }
body.s143-modern .result .line {
  position: relative;
  margin: 8px !important;
  padding: 13px 58px !important;
  min-height: 90px;
  border: 1px solid #dce8f3;
  border-radius: 13px;
  background: linear-gradient(120deg, #fff, #f4fbff) !important;
  transition: transform .2s ease, box-shadow .2s ease;
}
body.s143-modern .result .line:hover { transform: translateY(-2px); box-shadow: 0 9px 22px rgba(7,22,47,.12); }
body.s143-modern .result .line .jodichartleft,
body.s143-modern .result .line .panelchartright {
  position: absolute;
  top: 50%;
  width: auto !important;
  float: none !important;
  transform: translateY(-50%);
}
body.s143-modern .result .line .jodichartleft { left: 7px; }
body.s143-modern .result .line .panelchartright { right: 7px; }
body.s143-modern .result .line span[style*="color:#ff0000"],
body.s143-modern .result .line span[style*="color: #ff0000"] { color: #e11d48 !important; }

body.s143-modern a { color: #000; text-underline-offset: 3px; }
body.s143-modern a:hover { color: #c2410c; }
body.s143-modern img { max-width: 100%; height: auto; }
body.s143-modern h1, body.s143-modern h2, body.s143-modern h3 { line-height: 1.2; }

body.s143-modern button,
body.s143-modern input[type='submit'],
body.s143-modern input[type='button'],
body.s143-modern .login-satta-matka,
body.s143-modern .register-satta-matka,
body.s143-modern .btn-refresh,
body.s143-modern .track-link {
  border: 0 !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: linear-gradient(120deg, #0e7490, #2563eb) !important;
  box-shadow: 0 8px 18px rgba(37, 99, 235, .24) !important;
  transition: transform .2s ease, filter .2s ease !important;
}
body.s143-modern button:hover,
body.s143-modern input[type='submit']:hover,
body.s143-modern .btn-refresh:hover,
body.s143-modern .track-link:hover { transform: translateY(-2px) scale(1.02); filter: brightness(1.08); }

body.s143-modern input,
body.s143-modern textarea,
body.s143-modern select {
  max-width: 100%;
  padding: 11px 13px !important;
  border: 1px solid #b9cadb !important;
  border-radius: 10px !important;
  outline: none;
  background: #fff;
}
body.s143-modern input:focus,
body.s143-modern textarea:focus,
body.s143-modern select:focus { border-color: #0ea5e9 !important; box-shadow: 0 0 0 3px rgba(14,165,233,.15); }

body.s143-modern table { width: 100% !important; max-width: 100%; border-collapse: separate !important; border-spacing: 0 !important; overflow: hidden; background: #fff; }
body.s143-modern th { color: #fff !important; background: #103c70 !important; }
body.s143-modern th, body.s143-modern td { padding: 9px 6px !important; border-color: #dbe7f1 !important; }
body.s143-modern tr:nth-child(even) td { background: #f4f9fd; }

.s143-table-scroll {
  width: min(100%, 1120px);
  max-width: 100%;
  margin: 10px auto;
  overflow-x: auto;
  border-radius: 16px;
  -webkit-overflow-scrolling: touch;
}
.s143-table-scroll > table { margin: 0 !important; }

.s143-reveal { opacity: 0; transform: translateY(14px); transition: opacity .55s ease, transform .55s ease; }
.s143-reveal.s143-shown { opacity: 1; transform: none; }

.s143-toast {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 9999;
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  color: #fff !important;
  text-decoration: none !important;
  border-radius: 50%;
  background: linear-gradient(145deg, var(--s143-orange), var(--s143-red));
  box-shadow: 0 9px 25px rgba(239,68,68,.35);
  opacity: 0;
  transform: translateY(15px);
  pointer-events: none;
  transition: .25s ease;
}
.s143-toast.is-visible { opacity: 1; transform: none; pointer-events: auto; }

@keyframes s143Pulse { 70% { box-shadow: 0 0 0 8px rgba(74,222,128,0); } 100% { box-shadow: 0 0 0 0 rgba(74,222,128,0); } }
@keyframes s143Background { to { background-position: 52px 26px; } }
@keyframes s143HeaderFlow { 0%,100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } }
@keyframes s143Float { 0%,100% { transform: translateY(0) rotate(0); } 50% { transform: translateY(8px) rotate(12deg); } }
@keyframes s143LogoFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
@keyframes s143MarkPulse { 0%,100% { transform: scale(1) rotate(0); filter: drop-shadow(0 0 0 rgba(34,211,238,0)); } 50% { transform: scale(1.1) rotate(8deg); filter: drop-shadow(0 0 7px rgba(34,211,238,.75)); } }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

@media (max-width: 680px) {
  body.s143-modern { padding-inline: 5px !important; }
  .s143-site-header { margin-top: 5px; border-radius: 16px; }
  .s143-brand-row { padding: 13px 12px 10px; }
  .s143-brand strong { font-size: clamp(1.55rem, 8vw, 2.15rem); }
  .s143-brand small { font-size: 11px; }
  .s143-live-pill { padding: 7px 9px; font-size: 11px; }
  .s143-nav { padding: 8px; }
  body.s143-modern .result .line { padding: 12px 45px !important; }
  body.s143-modern .satta-matka-block_strt3 { width: 100% !important; margin-inline: 0 !important; padding: 11px 8px !important; font-size: 1rem !important; }
  body.s143-modern .result { width: 100% !important; margin-inline: 0 !important; padding: 4px !important; overflow: visible !important; }
  body.s143-modern .result .line { width: 100% !important; min-height: 88px; margin: 6px 0 !important; padding: 12px 48px !important; overflow: hidden; }
  body.s143-modern .result .line > span { display: inline-block; max-width: 100%; font-size: 1rem !important; line-height: 1.25 !important; overflow-wrap: anywhere; }
  body.s143-modern .result .line .jodichartleft a,
  body.s143-modern .result .line .panelchartright a { padding: 4px 7px !important; font-size: .68rem !important; border-radius: 8px !important; }
  body.s143-modern .jodichartleft, body.s143-modern .panelchartright { width: auto !important; }
  .s143-feature-strip { grid-template-columns: 1fr; gap: 6px; }
  .s143-feature-strip a { min-height: 44px; }
  .s143-table-scroll { border-radius: 11px; }
  body.s143-modern table { display: table; min-width: 540px; font-size: .86rem !important; }
  body.s143-modern .datagrid, body.s143-modern [class*='table-responsive'] { overflow-x: auto !important; }
  body.s143-modern h1 { font-size: 1.55rem !important; }
  body.s143-modern h2 { font-size: 1.3rem !important; }
  body.s143-modern h3 { font-size: 1.12rem !important; }
  body.s143-modern p, body.s143-modern li { overflow-wrap: anywhere; }
  body.s143-modern input, body.s143-modern textarea, body.s143-modern select { width: 100% !important; font-size: 16px !important; }
  body.s143-modern form { width: 100% !important; padding: 14px !important; }
  body.s143-modern img:not(.clickhere_img) { object-fit: contain; }
  .s143-seo-intro { grid-template-columns: 1fr; gap: 10px; padding: 17px; }
  .s143-seo-icon { width: 52px; height: 52px; font-size: 1.6rem; }
  .s143-seo-intro p { font-size: .96rem; line-height: 1.6; }
  .s143-seo-links { display: grid; grid-template-columns: 1fr; }
  .s143-seo-links a { text-align: center; }
  .s143-guide-hero { grid-template-columns: 68px 1fr; gap: 13px; padding: 18px; }
  .s143-guide-hero img { width: 68px; height: 68px; }
  .s143-guide-hero h1 { font-size: 1.35rem !important; }
  .s143-term-grid { grid-template-columns: 1fr; }
}

@media (max-width: 390px) {
  .s143-brand-row { align-items: flex-start; }
  .s143-brand-image { width: 175px; max-height: 62px; }
  .s143-live-pill { max-width: 92px; white-space: normal; text-align: center; }
  body.s143-modern .result .line { padding-inline: 40px !important; }
  .s143-responsible { font-size: 12px; }
}