/* Public website theme — login se pehle ke static pages */
.site-dark {
    --green: #009860;
    --blue: #0070B8;
    --sky: #0070B8;
    --indigo: #009860;
    --muted: #94a3b8;
    background:
        radial-gradient(900px circle at 10% 12%, rgba(0, 152, 96, 0.45), transparent 46%),
        radial-gradient(800px circle at 92% 8%, rgba(0, 112, 184, 0.42), transparent 44%),
        radial-gradient(900px circle at 78% 92%, rgba(0, 112, 184, 0.28), transparent 42%),
        linear-gradient(135deg, rgba(0, 152, 96, 0.22) 0%, rgba(0, 112, 184, 0.24) 100%),
        linear-gradient(180deg, #041610 0%, #061825 50%, #071a2a 100%) !important;
    background-attachment: fixed !important;
    color: #e5e7eb;
}

.site-dark #navbar {
    background: rgba(4, 22, 16, .88) !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .08);
    backdrop-filter: blur(16px);
}
.site-dark #navbar nav > div > a,
.site-dark #navbar nav > div > div > a,
.site-dark #navbar nav > div > div > button,
.site-dark #navbar nav > div > div > a button {
    color: #f1f5f9 !important;
    opacity: 1 !important;
    background-color: transparent !important;
}
.site-dark #navbar nav > div > a:hover,
.site-dark #navbar nav .group:hover > button,
.site-dark #navbar nav .group:hover > a > button,
.site-dark #navbar nav > div > a.hover\:bg-gray-100:hover {
    color: #7dd3fc !important;
    background: rgba(125, 211, 252, 0.12) !important;
}
.site-dark #navbar .absolute {
    background: #0f172a !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,.4) !important;
}
.site-dark #navbar .absolute a,
.site-dark #navbar .absolute a.text-gray-800 {
    color: #f1f5f9 !important;
    background: transparent !important;
}
.site-dark #navbar .absolute a:hover {
    background: linear-gradient(135deg, #009860, #0070B8) !important;
    color: #ffffff !important;
}
.site-dark #navbar a.flex > .bg-white {
    background: #fff !important;
    border: none !important;
}

.site-dark .sidebar {
    background: #0f172a !important;
    color: #e5e7eb;
}
.site-dark .sidebar a,
.site-dark .sidebar label,
.site-dark .sidebar button,
.site-dark .sidebar svg { color: #e5e7eb !important; }
.site-dark .sidebar a:hover,
.site-dark .sidebar label:hover,
.site-dark .sidebar button:hover { background: rgba(255,255,255,.08) !important; }

.site-dark footer.bg-white {
    background: transparent !important;
    margin-top: 0 !important;
    padding-top: 24px !important;
}
.site-dark footer h2,
.site-dark footer h6,
.site-dark footer span,
.site-dark footer p,
.site-dark footer a,
.site-dark footer li { color: #e5e7eb !important; }
.site-dark footer .text-gray-500,
.site-dark footer .text-gray-600,
.site-dark footer .text-gray-900 { color: #94a3b8 !important; }
.site-dark footer input {
    background: rgba(255,255,255,.06) !important;
    border-color: rgba(255,255,255,.12) !important;
    color: #fff !important;
}
.site-dark footer .border-b,
.site-dark footer .border-dark,
.site-dark footer .md\:border-r-2,
.site-dark footer .border-gray-100 { border-color: rgba(148,163,184,.18) !important; }
.site-dark footer > div > div:first-of-type { display: none !important; }

.site-dark h1, .site-dark h2, .site-dark h3, .site-dark h4,
.site-dark .dark\:text-black,
.site-dark .text-gray-900,
.site-dark .text-gray-800 { color: #ffffff !important; }
.site-dark .text-gray-600,
.site-dark .text-gray-700,
.site-dark .text-gray-500,
.site-dark .text-gray-400 { color: #cbd5e1 !important; }
.site-dark .text-red-500,
.site-dark .text-red-400 { color: #7dd3fc !important; }

/* Light inner-page bands — show dark mesh so white headings stay readable */
.site-dark [class*="EAF0F5"],
.site-dark .to-white,
.site-dark .bg-gray-100,
.site-dark [style*="#ECF2F6"],
.site-dark [style*="#ecf2f6"] {
    background: transparent !important;
    background-image: none !important;
    background-color: transparent !important;
}
.site-dark .bg-white,
.site-dark .bg-gray-50,
.site-dark .bg-whiterounded-lg {
    background: rgba(255,255,255,.05) !important;
    border: 1px solid rgba(255,255,255,.1);
    color: #e5e7eb;
}
.site-dark .bg-gray-900 {
    background: rgba(15,23,42,.75) !important;
    border: 1px solid rgba(255,255,255,.1);
}
.site-dark .shadow,
.site-dark .shadow-lg,
.site-dark .shadow-md { box-shadow: 0 16px 40px rgba(0,0,0,.25) !important; }
.site-dark input[type="text"],
.site-dark input[type="email"],
.site-dark input[type="tel"],
.site-dark textarea,
.site-dark select {
    background: rgba(15,23,42,.65) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    color: #fff !important;
}
.site-dark label { color: #cbd5e1 !important; }
.site-dark .border-b { border-color: rgba(255,255,255,.12) !important; }
.site-dark .border-blue-600 { border-color: #7dd3fc !important; }
.site-dark img[src*="bubble-"],
.site-dark img[src*="line-"],
.site-dark img[src*="circle-"] { display: none !important; }

.soc-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; }
.soc-link {
    width: 52px; height: 52px; border-radius: 14px;
    display: inline-flex; align-items: center; justify-content: center;
    color: #fff; background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.12);
    transition: transform .25s, background .25s, border-color .25s, box-shadow .25s;
}
.soc-link:hover {
    transform: translateY(-4px);
    background: linear-gradient(135deg, #009860, #0070B8);
    border-color: transparent;
    box-shadow: 0 12px 24px rgba(0,112,184,.35);
}
.soc-link svg { width: 20px; height: 20px; fill: currentColor; }

.site-cta {
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 20px;
    margin: 40px auto;
    max-width: 1180px;
    padding: 40px 24px;
    text-align: center;
}
.site-cta h2 { color: #fff !important; }
.site-cta p { color: #94a3b8 !important; }
.site-cta a {
    display: inline-flex; margin-top: 16px;
    background: linear-gradient(135deg, #009860, #0070B8);
    color: #fff !important; font-weight: 700;
    padding: 12px 24px; border-radius: 10px;
}

.site-dark .button-87 {
    background: linear-gradient(90deg, #009860, #0070B8) !important;
    box-shadow: 0 0 14px -7px #0070B8 !important;
}
.site-dark a[href="#top"] > div {
    background: linear-gradient(135deg, #009860, #0070B8) !important;
}