body.site-theme {
  background: linear-gradient(180deg, #071420 0%, #0b1d2e 44%, #0d2338 100%);
  color: #e8f2ff;
}

body.site-theme a {
  color: #c8dff8;
}

body.site-theme .main {
  background: transparent !important;
}

body.site-theme .change-nav-main,
body.site-theme .change-nav {
  background: rgba(7, 20, 32, 0.78);
  backdrop-filter: blur(8px);
  transition: background-color 280ms ease, box-shadow 280ms ease;
}

body.site-theme .change-nav-main.scrolled,
body.site-theme .change-nav.scrolled {
  background: rgba(7, 20, 32, 0.95);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}

body.site-theme .navbar-dark .navbar-nav .nav-link,
body.site-theme .dropdown-item,
body.site-theme .nav-link {
  color: #eef6ff !important;
}

body.site-theme .nav-bg,
body.site-theme .nav-bg-dark {
  background-color: rgba(7, 20, 32, 0.96) !important;
}

body.site-theme .nav-shadow {
  text-shadow: none;
}

body.site-theme .secondary,
body.site-theme .tertiary,
body.site-theme .team-container,
body.site-theme .about-box,
body.site-theme .company-info-1,
body.site-theme .company-info-2,
body.site-theme .profile_details,
body.site-theme .passion_experience,
body.site-theme .team-member-treeee,
body.site-theme .team-member-fourtyfour,
body.site-theme .team-members {
  background-color: rgba(10, 29, 46, 0.85) !important;
  color: #e8f2ff;
}

body.site-theme .about-headings,
body.site-theme .team-title,
body.site-theme .team-member-text-main h1,
body.site-theme .team-member-text-main h2,
body.site-theme .team-member-text-main h5,
body.site-theme .team-member-text-fourtyfour h3,
body.site-theme .team-member-text-treeee h4,
body.site-theme .card-container h2 {
  color: #e8f2ff;
  text-shadow: none;
}

body.site-theme .about-text,
body.site-theme .team-text,
body.site-theme .team-member-text-treeee p,
body.site-theme .team-member-text-fourtyfour ul,
body.site-theme .team-member-text-fourtyfour li,
body.site-theme .education li,
body.site-theme .skills li,
body.site-theme .interests li,
body.site-theme .card-container p,
body.site-theme .card-container .title,
body.site-theme .quote h3,
body.site-theme .quote h5 {
  color: #bfd4e8;
}

body.site-theme .card {
  background: linear-gradient(180deg, rgba(16, 40, 62, 0.94), rgba(9, 23, 37, 0.94));
  border: 1px solid rgba(132, 165, 197, 0.24);
  box-shadow: 0 12px 30px rgba(2, 8, 14, 0.35);
}

body.site-theme .card:hover {
  background: linear-gradient(180deg, rgba(19, 48, 74, 0.96), rgba(10, 28, 44, 0.96));
  box-shadow: 0 18px 36px rgba(2, 8, 14, 0.5);
}

body.site-theme .team-members .card .card-container h2 {
  position: relative;
  display: inline-block;
  padding-bottom: 0.2rem;
}

body.site-theme .team-members .card .card-container h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.1rem;
  width: 100%;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(126, 182, 235, 0.95), rgba(194, 224, 250, 0.95));
  transform: scaleX(0);
  transform-origin: left center;
  opacity: 0;
  transition: transform 240ms ease, opacity 180ms ease;
}

body.site-theme .team-members .card:hover .card-container h2::after,
body.site-theme .team-members .card:focus-within .card-container h2::after {
  transform: scaleX(1);
  opacity: 1;
}

body.site-theme .btn-outline-dark {
  color: #e9f3ff;
  border-color: rgba(111, 157, 204, 0.8);
  background-color: rgba(8, 21, 34, 0.4);
}

body.site-theme .btn-outline-dark:hover,
body.site-theme .btn-outline-dark:focus {
  color: #ffffff;
  border-color: #7eb6eb;
  background-color: rgba(45, 113, 180, 0.35);
}

body.site-theme .badge-info {
  background-color: #2d71b4;
}

body.site-theme .text-muted {
  color: #9cb8d1 !important;
}

body.site-theme .about-logo-glow {
  position: relative;
  display: inline-block;
}

body.site-theme .about-logo-glow img {
  /* Steady base glow around transparent logo edges with extra lower fill. */
  filter: drop-shadow(0 14px 26px rgba(97, 185, 255, 0.135))
    drop-shadow(0 0 12px rgba(97, 185, 255, 0.08))
    drop-shadow(0 0 2px rgba(173, 223, 255, 0.15));
  transform: translateY(0);
  will-change: filter, transform;
}

body.site-theme .about-logo-glow.glow-active img {
  animation: aboutLogoEdgeGlow 1600ms cubic-bezier(0.2, 0.75, 0.2, 1) 1 forwards;
}

@keyframes aboutLogoEdgeGlow {
  0% {
    filter: drop-shadow(0 14px 26px rgba(97, 185, 255, 0.135))
      drop-shadow(0 0 12px rgba(97, 185, 255, 0.08))
      drop-shadow(0 0 2px rgba(173, 223, 255, 0.15));
    transform: translateY(0);
  }
  58% {
    filter: drop-shadow(0 20px 36px rgba(112, 198, 255, 0.22))
      drop-shadow(0 0 18px rgba(112, 198, 255, 0.19))
      drop-shadow(0 0 4px rgba(196, 235, 255, 0.34));
    transform: translateY(-8px);
  }
  100% {
    filter: drop-shadow(0 16px 28px rgba(103, 190, 255, 0.17))
      drop-shadow(0 0 14px rgba(103, 190, 255, 0.135))
      drop-shadow(0 0 3px rgba(186, 230, 255, 0.25));
    transform: translateY(-3px);
  }
}

body.site-theme .announcementCard {
  color: inherit;
  text-decoration: none;
}

body.site-theme .modal-content {
  background-color: #10263b !important;
  color: #e8f2ff;
  border: 1px solid rgba(141, 173, 204, 0.24);
}

body.site-theme .modal-header,
body.site-theme .modal-footer {
  border-color: rgba(141, 173, 204, 0.24);
}

body.site-theme .modal-body.secondary {
  background: transparent !important;
}

body.site-theme .modal-title,
body.site-theme .modal-body,
body.site-theme .modal-body p,
body.site-theme .modal-body div,
body.site-theme .modal-body li,
body.site-theme .modal-body h1,
body.site-theme .modal-body h2,
body.site-theme .modal-body h3,
body.site-theme .modal-body h4,
body.site-theme .modal-body h5,
body.site-theme .modal-body h6 {
  color: #d8eafe !important;
}

body.site-theme .close,
body.site-theme .close span {
  color: #d8eafe !important;
  opacity: 1;
}

body.site-theme #notfound {
  background: radial-gradient(circle at 50% -20%, rgba(45, 113, 180, 0.45), rgba(45, 113, 180, 0) 65%),
    linear-gradient(180deg, #0b2235 0%, #091a2a 100%) !important;
}

body.site-theme #notfound .notfound h1,
body.site-theme #notfound .notfound h2 {
  color: #e8f2ff;
}

body.site-theme #notfound .notfound p {
  color: #bfd4e8;
}

body.site-theme #notfound .notfound a {
  color: #9dc7f5;
  border-color: #9dc7f5;
}

@media screen and (max-width: 991px) {
  body.site-theme .nav-shadow {
    text-shadow: none;
  }
}
