/* ═══════════════════════════════════════════════════════════
   RADIANT OPTIMIZER — GLOBAL DARK THEME v2.0
   Comprehensive dark overrides for every page on the site.
   Matte black base + dark blue ambient side glow.
═══════════════════════════════════════════════════════════ */

/* ── MATTE BLACK BASE ── */
html, body {
  background: #0f0f0f !important;
  color: #ffffff !important;
}

/* ── DARK BLUE AMBIENT SIDE GLOW ── */
body::before,
body::after {
  content: '';
  position: fixed;
  top: 0;
  width: 320px;
  height: 100vh;
  pointer-events: none;
  z-index: 0;
}

/* Left side glow */
body::before {
  left: 0;
  background: radial-gradient(ellipse at left center, rgba(0, 60, 200, 0.18) 0%, rgba(0, 30, 120, 0.08) 50%, transparent 80%);
}

/* Right side glow */
body::after {
  right: 0;
  background: radial-gradient(ellipse at right center, rgba(0, 60, 200, 0.18) 0%, rgba(0, 30, 120, 0.08) 50%, transparent 80%);
}

/* ═══════════════════════════════════════════════════════════
   NAVIGATION — ALL PAGES
═══════════════════════════════════════════════════════════ */
nav, .navbar {
  background: rgba(15, 15, 15, 0.95) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
}

nav.lit {
  background: rgba(15, 15, 15, 0.98) !important;
}

.nav-menu a, .nav-links a {
  color: rgba(255, 255, 255, 0.65) !important;
}

.nav-menu a:hover, .nav-links a:hover {
  color: #0055FF !important;
}

.signin-button {
  color: #0055FF !important;
  border-color: rgba(0, 85, 255, 0.4) !important;
  background: transparent !important;
}

.signin-button:hover {
  background: #0055FF !important;
  color: #ffffff !important;
}

/* Mobile nav drawer */
.nav-mobile-drawer {
  background: rgba(15, 15, 15, 0.98) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.nav-mobile-drawer ul li a {
  color: rgba(255, 255, 255, 0.75) !important;
}

/* ═══════════════════════════════════════════════════════════
   AUTH PAGES — login, signup, forgot-password
═══════════════════════════════════════════════════════════ */

/* Kill the animated gradient background */
.auth-background {
  background: #0f0f0f !important;
  animation: none !important;
}
.auth-background::before {
  background: none !important;
  animation: none !important;
}

/* Auth page split layout */
.auth-page {
  background: #0f0f0f !important;
}

/* Right panel (white form side) → dark */
.auth-right {
  background: #141414 !important;
  border-left: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Auth card (old style) */
.auth-card {
  background: #141414 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6) !important;
}

/* Form title */
.auth-form-title {
  color: #ffffff !important;
}

/* Form subtitle */
.auth-form-sub, .auth-subtitle {
  color: rgba(255, 255, 255, 0.5) !important;
}

/* Form labels */
.form-group label {
  color: rgba(255, 255, 255, 0.5) !important;
}

/* Form inputs */
.form-group input {
  background: #1a1a1a !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
}

.form-group input::placeholder {
  color: rgba(255, 255, 255, 0.25) !important;
}

.form-group input:focus {
  background: #1f1f1f !important;
  border-color: rgba(0, 85, 255, 0.5) !important;
  box-shadow: 0 0 0 3px rgba(0, 85, 255, 0.12) !important;
}

.form-group input.success,
.form-group input.available {
  border-color: rgba(39, 201, 63, 0.5) !important;
  background: rgba(39, 201, 63, 0.05) !important;
}

.form-group input.error,
.form-group input.taken {
  border-color: rgba(229, 62, 62, 0.5) !important;
  background: rgba(229, 62, 62, 0.05) !important;
}

/* Helper text */
.helper-text {
  color: rgba(255, 255, 255, 0.35) !important;
}

/* Checkbox label */
.checkbox-label {
  color: rgba(255, 255, 255, 0.5) !important;
}

/* Auth divider */
.auth-divider::before {
  background: rgba(255, 255, 255, 0.1) !important;
}

.auth-divider span {
  background: #141414 !important;
  color: rgba(255, 255, 255, 0.3) !important;
}

/* Secondary button */
.auth-button-secondary {
  background: transparent !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
  color: rgba(255, 255, 255, 0.55) !important;
}

.auth-button-secondary:hover {
  border-color: rgba(0, 85, 255, 0.4) !important;
  color: #0055FF !important;
  background: rgba(0, 85, 255, 0.06) !important;
}

/* Disabled button */
.auth-button:disabled {
  background: rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 255, 255, 0.25) !important;
}

/* Auth footer text */
.auth-footer-text, .auth-form-footer {
  color: rgba(255, 255, 255, 0.45) !important;
}

/* Modal */
.custom-modal-overlay {
  background: rgba(0, 0, 0, 0.85) !important;
}

.custom-modal {
  background: #141414 !important;
  border-color: rgba(0, 85, 255, 0.3) !important;
}

.custom-modal-header {
  border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}

.custom-modal-header h3 {
  color: #ffffff !important;
}

.custom-modal-body {
  color: rgba(255, 255, 255, 0.65) !important;
}

.custom-modal-footer {
  border-top-color: rgba(255, 255, 255, 0.06) !important;
}

/* ═══════════════════════════════════════════════════════════
   DASHBOARD PAGE
═══════════════════════════════════════════════════════════ */

.dash-page {
  background: #0f0f0f !important;
}

/* Stat cards */
.dash-stat-card {
  background: #141414 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
}

.dash-stat-card:hover {
  border-color: rgba(0, 85, 255, 0.3) !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.5) !important;
}

.dash-section-title {
  color: #ffffff !important;
}

.dash-stat-label {
  color: rgba(255, 255, 255, 0.4) !important;
}

/* License cards */
.license-card {
  background: #141414 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
}

.license-card:hover {
  border-color: rgba(0, 85, 255, 0.3) !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.5) !important;
}

.license-header {
  border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}

.license-header h3 {
  color: #ffffff !important;
}

.license-key-display {
  background: #1a1a1a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.license-key-display label {
  color: rgba(255, 255, 255, 0.4) !important;
}

/* Download card */
.dash-download-card {
  background: linear-gradient(135deg, #141c2e 0%, #141414 100%) !important;
  border-color: rgba(0, 85, 255, 0.2) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4) !important;
}

.dash-download-info h3 {
  color: #ffffff !important;
}

.dash-download-features li {
  color: rgba(255, 255, 255, 0.55) !important;
}

.download-button:disabled {
  background: rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 255, 255, 0.25) !important;
}

/* Info boxes */
.dash-info-box {
  background: #141414 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
}

.dash-info-box:hover {
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.5) !important;
}

.dash-info-title {
  color: #ffffff !important;
}

.dash-info-text {
  color: rgba(255, 255, 255, 0.55) !important;
}

/* Purchase history */
.purchase-history {
  background: #141414 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.purchase-item {
  border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}

.purchase-info h4 {
  color: #ffffff !important;
}

.purchase-info p {
  color: rgba(255, 255, 255, 0.45) !important;
}

/* Settings cards */
.setting-card {
  background: #141414 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.setting-card h3 {
  color: rgba(255, 255, 255, 0.45) !important;
}

.setting-card p {
  color: #ffffff !important;
}

/* Empty state */
.empty-state h3 {
  color: #ffffff !important;
}

.empty-state p {
  color: rgba(255, 255, 255, 0.5) !important;
}

/* Dashboard wrapper (old style) */
.dashboard-wrapper {
  background: transparent !important;
}

.stat-card {
  background: #141414 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}

.stat-info h3 {
  color: rgba(255, 255, 255, 0.45) !important;
}

.dashboard-title {
  color: #ffffff !important;
}

.dashboard-subtitle {
  color: rgba(255, 255, 255, 0.55) !important;
}

.section-header h2 {
  color: #ffffff !important;
}

/* ═══════════════════════════════════════════════════════════
   NEWS PAGE
═══════════════════════════════════════════════════════════ */

/* Filter bar */
.news-filters-bar {
  background: #141414 !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

.filter-tag {
  background: #1a1a1a !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: rgba(255, 255, 255, 0.5) !important;
}

.filter-tag:hover {
  border-color: rgba(0, 85, 255, 0.4) !important;
  color: #0055FF !important;
  background: rgba(0, 85, 255, 0.08) !important;
}

.filter-tag.active {
  background: #0055FF !important;
  border-color: #0055FF !important;
  color: #ffffff !important;
}

/* Content area */
.news-content-area {
  background: transparent !important;
}

/* News cards */
.news-card {
  background: #141414 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
}

.news-card:hover {
  border-color: rgba(0, 85, 255, 0.3) !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.5) !important;
}

.news-card.news-card-featured {
  background: linear-gradient(135deg, #141c2e 0%, #141414 100%) !important;
  border-color: rgba(0, 85, 255, 0.2) !important;
}

.news-card-title {
  color: #ffffff !important;
}

.news-card-body {
  color: rgba(255, 255, 255, 0.6) !important;
}

.news-card-meta {
  color: rgba(255, 255, 255, 0.4) !important;
}

/* News badge */
.news-badge {
  background: rgba(0, 85, 255, 0.1) !important;
  border-color: rgba(0, 85, 255, 0.2) !important;
  color: #4488ff !important;
}

.news-badge.new {
  background: rgba(39, 201, 63, 0.1) !important;
  border-color: rgba(39, 201, 63, 0.2) !important;
  color: #27c93f !important;
}

/* ═══════════════════════════════════════════════════════════
   REVIEWS PAGE
═══════════════════════════════════════════════════════════ */

.reviews-content-area {
  background: transparent !important;
}

/* Review cards */
.review-card {
  background: #141414 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
}

.review-card:hover {
  border-color: rgba(0, 85, 255, 0.3) !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.5) !important;
}

.review-card-username {
  color: #ffffff !important;
}

.review-card-text {
  color: rgba(255, 255, 255, 0.65) !important;
}

.review-card-meta {
  color: rgba(255, 255, 255, 0.4) !important;
}

.review-card-header {
  border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}

/* Review form */
.review-form-wrap {
  background: #141414 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.review-form-wrap textarea {
  background: #1a1a1a !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
}

.review-form-wrap textarea::placeholder {
  color: rgba(255, 255, 255, 0.25) !important;
}

/* ═══════════════════════════════════════════════════════════
   LEGAL PAGES — privacy, terms
═══════════════════════════════════════════════════════════ */

.legal-wrapper {
  background: #0f0f0f !important;
}

.legal-content {
  background: #141414 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.6) !important;
}

.legal-content h1, .legal-content h2, .legal-content h3 {
  color: #ffffff !important;
}

.legal-content p, .legal-content li {
  color: rgba(255, 255, 255, 0.65) !important;
}

.effective-date, .subtitle {
  color: rgba(255, 255, 255, 0.45) !important;
}

/* ═══════════════════════════════════════════════════════════
   HOME PAGE — index.html sections
═══════════════════════════════════════════════════════════ */

/* Sections with light backgrounds */
.section, .hero-section, .features-section, .pricing-section,
.testimonials-section, .faq-section {
  background: transparent !important;
}

/* Problem section */
.prob-section-new {
  background: #141414 !important;
}

/* AI section */
.ai-section-new {
  background: #111318 !important;
}

/* Category showcase */
.cat-showcase-section {
  background: #141414 !important;
}

/* Harmful detection section */
#harmful-detection {
  background: #141414 !important;
}

/* Feature cells */
.ai-feat-cell {
  background: #1a1a1a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.ai-feat-cell:hover {
  background: rgba(0, 85, 255, 0.06) !important;
  border-color: rgba(0, 85, 255, 0.22) !important;
}

/* AI stat strip */
.ai-stat-strip {
  background: #1a1a1a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

/* AI score badge */
.ai-score-badge {
  background: #141414 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

/* AI main card */
.ai-main-card {
  background: #141414 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.ai-card-features {
  border-left-color: rgba(255, 255, 255, 0.08) !important;
}

/* Category items */
.cat-item {
  background: #141414 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.cat-item:hover {
  background: rgba(0, 85, 255, 0.04) !important;
  border-color: rgba(0, 85, 255, 0.22) !important;
}

.cat-item.active {
  background: rgba(0, 85, 255, 0.06) !important;
  border-color: rgba(0, 85, 255, 0.3) !important;
}

/* Impact cards */
.prob-impact-card {
  background: #1a1a1a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.prob-impact-card:hover {
  background: rgba(0, 85, 255, 0.05) !important;
}

/* Mockup frame */
.mockup-frame {
  background: #141414 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.mockup-img-wrap {
  background: #0d1520 !important;
}

/* FPS badge */
.hero-v2-fps-badge {
  background: #141414 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Hero stats */
.hero-v2-stats {
  background: #141414 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

/* Premium product section */
.premium-product-section {
  background: #111111 !important;
}

.premium-product-card {
  background: #141414 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5) !important;
}

.premium-product-card:hover {
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6) !important;
}

.premium-product-title {
  color: #ffffff !important;
}

.premium-payment-type {
  color: rgba(255, 255, 255, 0.45) !important;
}

.premium-note {
  color: rgba(255, 255, 255, 0.4) !important;
}

/* Feature items */
.premium-feature-item {
  background: #1a1a1a !important;
  border-color: rgba(0, 85, 255, 0.2) !important;
  color: rgba(255, 255, 255, 0.8) !important;
}

.premium-feature-item:hover {
  background: rgba(0, 85, 255, 0.08) !important;
  border-color: rgba(0, 85, 255, 0.4) !important;
}

/* Feature showcase items */
.feature-showcase-item {
  background: #141414 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}

.feature-showcase-item:hover {
  border-color: rgba(0, 85, 255, 0.3) !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5) !important;
}

.feature-showcase-item p {
  color: rgba(255, 255, 255, 0.6) !important;
}

/* Hero content main (old style) */
.hero-content-main {
  background: rgba(20, 20, 20, 0.95) !important;
  border-color: rgba(0, 85, 255, 0.2) !important;
  box-shadow: 0 25px 80px rgba(0, 0, 0, 0.6) !important;
}

.hero-main-title {
  color: #ffffff !important;
}

.hero-description {
  color: rgba(255, 255, 255, 0.6) !important;
}

/* Section descriptions */
.section-description {
  color: rgba(255, 255, 255, 0.55) !important;
}

.section-main-title {
  color: #ffffff !important;
}

/* ═══════════════════════════════════════════════════════════
   SCROLLBAR
═══════════════════════════════════════════════════════════ */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: #0a0a0a; }
::-webkit-scrollbar-thumb { background: rgba(0, 102, 255, 0.3); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: rgba(0, 102, 255, 0.5); }

/* ═══════════════════════════════════════════════════════════
   MISC ELEMENTS
═══════════════════════════════════════════════════════════ */

/* Testimonial items */
.testimonial-item {
  background: #141414 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}

/* FAQ items */
.faq-item {
  background: #141414 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}

/* Download card */
.download-card {
  background: #141414 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}

.download-info h3 {
  color: #ffffff !important;
}

.download-info p {
  color: rgba(255, 255, 255, 0.55) !important;
}

.download-features li {
  color: rgba(255, 255, 255, 0.65) !important;
}

.download-instructions {
  background: rgba(0, 85, 255, 0.06) !important;
  border-color: rgba(0, 85, 255, 0.15) !important;
}

.download-instructions h4 {
  color: #ffffff !important;
}

.download-instructions li {
  color: rgba(255, 255, 255, 0.7) !important;
}

.download-note {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* User name display */
.user-name {
  color: #ffffff !important;
}