/* =========================
CSS (css/style.css)
============================= */
:root {
  --primary: #2563eb;
  --primary-dark: #1d4ed8;
  --secondary: #0f172a;
  --light: #f8fafc;
  --border: #e2e8f0;
  --text: #334155;
  --heading: #0f172a;
  --shadow: 0 10px 35px rgba(15,23,42,.08);
  --shadow-lg: 0 20px 50px rgba(15,23,42,.12);
  --radius: 18px;
}

body {
  font-family: 'Poppins', sans-serif;
}



/* NAVBAR */
.custom-navbar {
  background: white;
  transition: 0.3s;
  padding: 15px 0;
}

  .custom-navbar.scrolled {
    background: #0a0f2c;
    box-shadow: 0 2px 10px rgba(0,0,0,0.3);
  }

.nav-link {
  color: #1A17E6;
  margin-left: 15px;
  position: relative;
  transition: 0.3s;
}

  .nav-link:hover {
    color: #9E9CF7;
  }

  /* Active link */
  .nav-link.active {
    color: #0d6efd !important;
  }

  /* underline hover */
  .nav-link::after {
    content: '';
    position: absolute;
    width: 0%;
    height: 2px;
    bottom: -5px;
    left: 0;
    background: #0d6efd;
    transition: 0.3s;
  }

  .nav-link:hover::after {
    width: 100%;
  }

/* MAIN CONTENT */
.main-content {
  min-height: 80vh;
}

/* FOOTER */
.footer {
  background: #0a0f2c;
  color: #fff;
  padding: 20px 0;
}

.subscribe-btn {
  transition: 0.3s;
}

  .subscribe-btn:hover {
    transform: scale(1.05);
  }