/* =========================================================
   RAJLAKSHMI DARK REDESIGN
   Swap theme by changing the :root color tokens below.
   Dark background stays fixed.
========================================================= */

:root {
  /* Palette 1: Electric Gold + Coral */
  --bg: #050507;
  --bg-2: #09090d;
  --surface: rgba(18, 18, 26, 0.92);
  --surface-2: rgba(26, 26, 38, 0.9);
  --surface-3: #101018;
  --border: rgba(255, 255, 255, 0.10);
  --border-strong: rgba(255, 205, 69, 0.45);
  --text: #f7f7fb;
  --muted: #a7a7b7;
  --soft: #d7d7e3;
  --primary: #ffd166;
  --primary-2: #ffb703;
  --accent: #ff4d6d;
  --accent-2: #fb7185;
  --success: #22c55e;
  --shadow: 0 18px 50px rgba(0, 0, 0, 0.55);
  --glow: 0 0 34px rgba(255, 209, 102, 0.17);
  --radius: 22px;
}

/* Alternative palettes: paste ONE block below :root or replace token values.

Palette 2: Cyber Cyan + Violet
:root { --bg:#04060b; --bg-2:#070a12; --surface:rgba(13,18,32,.92); --surface-2:rgba(19,26,44,.9); --surface-3:#0b1020; --border:rgba(255,255,255,.1); --border-strong:rgba(34,211,238,.42); --text:#f8fbff; --muted:#9aa7bc; --soft:#dbe7ff; --primary:#22d3ee; --primary-2:#06b6d4; --accent:#a78bfa; --accent-2:#c084fc; --success:#2dd4bf; --shadow:0 18px 50px rgba(0,0,0,.55); --glow:0 0 34px rgba(34,211,238,.16); --radius:22px; }

Palette 3: Neon Lime + Amber
:root { --bg:#050704; --bg-2:#080d07; --surface:rgba(15,22,15,.93); --surface-2:rgba(22,32,21,.9); --surface-3:#0d130c; --border:rgba(255,255,255,.1); --border-strong:rgba(163,230,53,.42); --text:#f7fff0; --muted:#9fb193; --soft:#e3f7d7; --primary:#a3e635; --primary-2:#84cc16; --accent:#f59e0b; --accent-2:#fbbf24; --success:#22c55e; --shadow:0 18px 50px rgba(0,0,0,.55); --glow:0 0 34px rgba(163,230,53,.14); --radius:22px; }

Palette 4: Royal Purple + Rose
:root { --bg:#06040b; --bg-2:#0b0714; --surface:rgba(20,15,34,.93); --surface-2:rgba(31,23,52,.9); --surface-3:#110c20; --border:rgba(255,255,255,.1); --border-strong:rgba(216,180,254,.42); --text:#fbf8ff; --muted:#afa3c4; --soft:#eadfff; --primary:#c084fc; --primary-2:#a855f7; --accent:#fb7185; --accent-2:#f43f5e; --success:#34d399; --shadow:0 18px 50px rgba(0,0,0,.55); --glow:0 0 34px rgba(192,132,252,.16); --radius:22px; }

Palette 5: Sapphire + Orange
:root { --bg:#030712; --bg-2:#07111f; --surface:rgba(13,23,42,.93); --surface-2:rgba(22,34,56,.9); --surface-3:#0a1424; --border:rgba(255,255,255,.1); --border-strong:rgba(96,165,250,.42); --text:#f8fbff; --muted:#9fb0c7; --soft:#dbeafe; --primary:#60a5fa; --primary-2:#3b82f6; --accent:#fb923c; --accent-2:#f97316; --success:#22c55e; --shadow:0 18px 50px rgba(0,0,0,.55); --glow:0 0 34px rgba(96,165,250,.16); --radius:22px; }
*/

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background:
    radial-gradient(circle at top left, color-mix(in srgb, var(--primary) 16%, transparent), transparent 34rem),
    radial-gradient(circle at top right, color-mix(in srgb, var(--accent) 14%, transparent), transparent 30rem),
    linear-gradient(180deg, var(--bg), #000 48%, var(--bg));
  font-family: Inter, Poppins, Arial, sans-serif;
  color: var(--text);
  min-height: 100vh;
}

a {
  transition: .25s ease;
}

section {
  background: transparent !important;
}

.container-fluid {
  max-width: 1180px;
}

/* Shared cards */
.card,
.custom-card,
.recent-box,
.app-promo-box,
.live-market-card,
.notice-card,
.result-card,
.support-card,
.forum-card,
.weekly-strip,
.daily-header,
.daily-card,
.chart-heading,
.panel-heading,
.faq-wrapper,
.info-card {
  background: linear-gradient(180deg, var(--surface), var(--surface-3)) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius) !important;
  color: var(--text);
  box-shadow: var(--shadow);
  position: relative;
  overflow: hidden;
}

.card::before,
.custom-card::before,
.result-card::before,
.live-market-card::before,
.app-promo-box::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(255, 255, 255, .12), transparent 32%, transparent 68%, rgba(255, 255, 255, .04));
  opacity: .55;
}

.card:hover,
.custom-card:hover,
.result-card:hover,
.forum-item:hover,
.chart-item:hover,
.panel-item:hover {
  transform: translateY(-2px);
  border-color: var(--border-strong) !important;
  box-shadow: var(--shadow), var(--glow);
}

.card-body {
  position: relative;
  z-index: 1;
}

/* Top section */
.site-title,
.main-heading,
.lucky-title,
.notice-title,
.result-heading h2,
.daily-header h4,
.chart-heading h2,
.panel-heading h2,
.faq-main-title,
.info-heading,
.footer-logo {
  color: var(--primary) !important;
  font-weight: 900;
  letter-spacing: -.02em;
}

.sub-title {
  font-weight: 900;
  font-size: clamp(1.55rem, 4vw, 2.55rem);
  background: linear-gradient(90deg, var(--text), var(--primary), var(--accent));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.hindi-text,
.updated-text,
.result-content p,
.footer-desc,
.copyright-text,
.reference-text {
  color: var(--muted) !important;
}

.live-heading,
.result-body h4,
.result-content h3,
.notice-text span,
.info-body h5,
.red-text,
.show-time {
  color: var(--accent) !important;
}

.small-links,
.content-text,
.notice-text,
.app-promo-box p,
.note-text,
.info-body,
.faq-body {
  color: var(--soft) !important;
}

.custom-link,
.footer-links a,
.footer-policy a {
  color: var(--primary) !important;
  font-weight: 800;
  text-decoration: none;
}

.custom-link:hover,
.footer-links a:hover,
.footer-policy a:hover {
  color: var(--accent) !important;
}

/* Recent ticker */
.recent-box h4,
.app-promo-box h4 {
  color: var(--primary) !important;
  font-weight: 900;
}

.marquee-wrapper {
  overflow: hidden;
  mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
}

.recent-results {
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  width: max-content;
  animation: ticker 20s linear infinite;
  gap: 10px;
}

.recent-results span,
.promo-features span {
  color: var(--text) !important;
  background: rgba(255, 255, 255, .06) !important;
  border: 1px solid var(--border) !important;
  padding: 10px 16px;
  border-radius: 999px;
  font-weight: 800;
}

.recent-results span {
  flex: 0 0 auto;
}

.recent-results span:hover,
.forum-item:hover,
.chart-item:hover,
.panel-item:hover {
  background: linear-gradient(135deg, var(--primary), var(--primary-2)) !important;
  color: #080808 !important;
}

@keyframes ticker {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

/* Buttons */
.download-btn,
.refresh-btn,
.side-btn,
.support-bottom a,
.refresh-strip-btn,
.call-btn,
.whatsapp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 9px 20px !important;
  font-weight: 900;
  text-decoration: none;
  letter-spacing: .01em;
  transition: .25s ease;
}

.download-btn,
.refresh-btn,
.side-btn,
.support-bottom a,
.refresh-strip-btn,
.whatsapp-btn {
  background: linear-gradient(135deg, var(--primary), var(--primary-2)) !important;
  color: #070707 !important;
  box-shadow: 0 12px 26px color-mix(in srgb, var(--primary) 24%, transparent);
}

.call-btn {
  background: linear-gradient(135deg, var(--accent), var(--accent-2)) !important;
  color: #fff !important;
  box-shadow: 0 12px 26px color-mix(in srgb, var(--accent) 24%, transparent);
}

.download-btn:hover,
.refresh-btn:hover,
.side-btn:hover,
.support-bottom a:hover,
.refresh-strip-btn:hover,
.call-btn:hover,
.whatsapp-btn:hover {
  transform: translateY(-3px) scale(1.02);
  filter: brightness(1.08);
}

/* Live market */
.live-market-header,
.support-middle,
.result-body,
.contact-buttons,
.daily-card-body,
.faq-item,
.info-body {
  background: rgba(255, 255, 255, .035) !important;
}

.live-market-header {
  border-bottom: 1px solid var(--border) !important;
  border-radius: 18px;
  padding: 16px 12px;
}

.live-market-header h4 {
  color: var(--primary) !important;
  font-weight: 950;
}

.live-market-header h4 span,
.tag-red,
.support-top,
.forum-heading {
  background: linear-gradient(135deg, var(--accent), var(--accent-2)) !important;
  color: #fff !important;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: .74rem;
  font-weight: 900;
}

.result-body {
  border: 1px solid var(--border);
  border-radius: 20px;
  padding: 20px 12px;
}

.result-body h5,
.result-content h4 {
  color: var(--text) !important;
  font-weight: 950;
  font-size: clamp(1.45rem, 4vw, 2.15rem);
}

.contact-strip {
  background: linear-gradient(90deg, color-mix(in srgb, var(--accent) 18%, transparent), color-mix(in srgb, var(--primary) 12%, transparent)) !important;
  color: var(--text) !important;
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 12px !important;
  font-weight: 800;
}

/* Result cards */
.result-heading,
.notice-card,
.app-promo-box,
.highlight-card {
  border-color: var(--border-strong) !important;
}

.result-heading {
  padding: 14px 16px;
  box-shadow: var(--shadow), var(--glow);
}

.result-card .card-body {
  padding: 16px 12px;
}

.result-content h3 {
  font-size: clamp(1rem, 3.5vw, 1.45rem);
  font-weight: 950;
  margin-bottom: 4px;
}

.blue-title,
.green-text,
.blue-text,
.locked span {
  color: var(--primary) !important;
}

/* Support / forum */
.support-top,
.forum-heading {
  border-radius: 18px 18px 0 0;
  font-weight: 900;
}

.support-bottom {
  background: transparent !important;
  padding: 16px;
}

.forum-item,
.chart-item,
.panel-item {
  background: rgba(255, 255, 255, .045) !important;
  border: 1px solid var(--border) !important;
  color: var(--text) !important;
  border-radius: 16px !important;
  padding: 12px 14px !important;
  text-decoration: none;
}

.forum-item span {
  color: var(--accent) !important;
}

.tag-blue,
.daily-card-title {
  background: linear-gradient(135deg, var(--primary), var(--primary-2)) !important;
  color: #070707 !important;
  font-weight: 950;
}

/* Daily cards */
.daily-card-title {
  border-radius: 20px 20px 0 0;
  padding: 11px 14px;
}

.daily-card-body strong {
  color: var(--accent) !important;
}

/* FAQ */
.faq-main-title,
.info-heading {
  background: transparent !important;
  border-bottom: 1px solid var(--border) !important;
  padding: 16px;
}

.faq-btn {
  background: rgba(255, 255, 255, .04) !important;
  color: var(--primary) !important;
  border-radius: 14px !important;
  font-weight: 900;
}

.faq-btn:not(.collapsed) {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary) 16%, transparent), color-mix(in srgb, var(--accent) 10%, transparent)) !important;
  color: var(--text) !important;
}

/* Footer */
.main-footer {
  background: linear-gradient(180deg, var(--surface-3), #040404) !important;
  border-top: 1px solid var(--border) !important;
}

.footer-title,
.footer-social a {
  color: var(--text) !important;
}

.footer-social a:hover {
  color: var(--accent) !important;
  transform: translateY(-2px);
}

.footer-divider {
  border-color: var(--border) !important;
}

/* Mobile polish */
@media (max-width: 575px) {
  .container-fluid {
    padding-left: 10px;
    padding-right: 10px;
  }

  .card-body {
    padding: 14px !important;
  }

  .side-btn {
    padding: 8px 12px !important;
    font-size: 12px;
    min-width: 58px;
  }

  .result-content h4 {
    font-size: 1.35rem;
  }

  .contact-buttons {
    padding: 14px !important;
  }
}

.admin-btn{
    position: absolute;
    top: 20px;
    right: 12px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 600;
    padding: 8px 14px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    z-index: 10;
}

/* Mobile Responsive */
@media (max-width: 768px){

    .admin-btn{
        position: static;
        display: inline-block;
        margin-bottom: 10px;
    }

    .card-body{
        padding-top: 15px !important;
    }

}