:root {
  --bg-deep: #020617;
  --card-bg: rgba(15, 23, 42, 0.9);
  --accent-cyan: #22d3ee;
  --accent-blue: #3b82f6;
  --text-dim: #94a3b8;
}

/* Fixes the white background and text visibility */
.modal-content { 
  background: #0f172a !important; 
  border: 1px solid rgba(255,255,255,0.1); 
  border-radius: 24px; 
  color: white; 
}

.form-control, .form-select { 
  background: #1e293b !important; 
  border: 1px solid rgba(255,255,255,0.1) !important; 
  color: white !important; 
  border-radius: 12px; 
  padding: 12px; 
}

.form-select option { 
  background-color: #1e293b !important; 
  color: white !important; 
}

.btn-main {
  background: var(--accent-blue); 
  color: white; 
  font-weight: 700; 
  padding: 18px 40px;
  border-radius: 12px; 
  border: none; 
  transition: 0.3s;
}

#contactModal .modal-content { 
        background: #0f172a !important; 
        color: white !important;
        border: 1px solid rgba(255,255,255,0.1);
        border-radius: 24px;
    }
    #contactModal .form-control, #contactModal .form-select { 
        background: #1e293b !important; 
        border: 1px solid rgba(255,255,255,0.1) !important; 
        color: white !important; 
    }
    #contactModal .text-info { color: #22d3ee !important; }
    #contactModal .btn-main { 
        background: #3b82f6; 
        color: white; 
        border: none; 
        font-weight: 700;
    }

    :root {
      --bg-deep: #0b0f1a;
      --accent-cyan: #22d3ee;
      --text-dim: #94a3b8;
      --border-soft: rgba(255,255,255,0.06);
    }

    body {
      font-family: 'Plus Jakarta Sans', sans-serif;
      background-color: var(--bg-deep) !important;
      color: #ffffff;
      margin: 0;
      padding-top: 100px !important;
    }

    /* --- Universal Header Styles --- */
    .navbar {
      background: rgba(2, 6, 23, 0.95) !important;
      backdrop-filter: blur(15px);
      border-bottom: 1px solid var(--border-soft);
      padding: 1rem 0 !important;
      z-index: 99999 !important;
    }

    .nav-link { color: var(--text-dim) !important; font-weight: 600; margin: 0 15px !important; transition: 0.3s; }
    .nav-link:hover { color: var(--accent-cyan) !important; }

    /* --- Journal Layout --- */
    .article-container { max-width: 1200px; margin: 0 auto; padding: 60px 20px; }
    .article-header { margin-bottom: 60px; border-bottom: 1px solid var(--border-soft); padding-bottom: 40px; }
    .meta-label { font-size: 0.7rem; font-weight: 800; text-transform: uppercase; letter-spacing: 4px; color: var(--accent-cyan); margin-bottom: 15px; display: block; }
    
    .sidebar-sticky { position: sticky; top: 140px; border-left: 1px solid var(--border-soft); padding-left: 30px; }
    .sidebar-label { font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; color: var(--text-dim); margin-bottom: 5px; display: block; }
    .sidebar-value { font-weight: 600; font-size: 0.9rem; color: #ffffff; margin-bottom: 25px; display: block; }

    .content-body { font-size: 1.15rem; line-height: 1.8; color: #cbd5e1; }
    .content-body h2 { color: #fff; font-weight: 800; margin: 50px 0 25px; font-size: 2rem; }
    .content-body blockquote {
        background: rgba(34, 211, 238, 0.03);
        border-left: 3px solid var(--accent-cyan);
        padding: 30px;
        margin: 40px 0;
        font-style: italic;
    }

    .btn-contact-nav {
      background: var(--accent-cyan) !important; color: #020617 !important; font-weight: 700 !important;
      border-radius: 50px !important; padding: 8px 25px !important; border: none !important;
    }