:root {
  --midnight: #111827;
  --neon-pink: #EC4899;
  --electric-blue: #2563EB;
  --gold: #FACC15;
  --ink: #E5E7EB;
  --soft: #CBD5E1;
  --panel: rgba(17, 24, 39, 0.86);
}

html { scroll-behavior: smooth; }
body {
  background: #111827;
  color: var(--soft);
}
a { color: var(--gold); }
a:hover { color: var(--neon-pink); }

.header_absolute {
  background: rgba(17, 24, 39, 0.84) !important;
  backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(250, 204, 21, 0.22);
  box-shadow: 0 14px 40px rgba(236, 72, 153, 0.12);
}
.logo { max-width: 210px; }
.logo h3 {
  color: #fff !important;
  font-size: 23px;
  letter-spacing: -0.03em;
  text-shadow: 0 0 18px rgba(236, 72, 153, 0.8);
}
.main_menu ul li a {
  color: #fff !important;
  font-weight: 700;
}
.main_menu ul li a:hover { color: var(--gold) !important; }
.slicknav_menu { background: rgba(17, 24, 39, 0.95); }
.slicknav_nav a { color: #fff; }

.welcome_area {
  min-height: 920px;
  height: auto;
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 28%, rgba(236,72,153,.42), transparent 28%),
    radial-gradient(circle at 78% 22%, rgba(37,99,235,.5), transparent 30%),
    radial-gradient(circle at 52% 88%, rgba(250,204,21,.38), transparent 24%),
    linear-gradient(135deg, #111827 0%, #EC4899 43%, #2563EB 73%, #FACC15 120%);
}
.welcome_area:before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(17,24,39,.35), rgba(17,24,39,.9)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.05) 0 1px, transparent 1px 80px);
  pointer-events: none;
}
.title h1,
.welcome_area h1 {
  color: #fff !important;
  text-shadow: 0 0 26px rgba(236, 72, 153, .75), 0 0 44px rgba(37, 99, 235, .55);
}
.title h6,
.welcome_area h6 {
  color: #F8FAFC !important;
  text-shadow: 0 0 18px rgba(17, 24, 39, .55);
}
.apps img,
.apps_app img,
.feature_area img,
.single_screen img {
  border-radius: 28px;
  box-shadow: 0 28px 80px rgba(0,0,0,.45), 0 0 42px rgba(236,72,153,.32), 0 0 72px rgba(37,99,235,.24);
  border: 1px solid rgba(255,255,255,.22);
}

.primary_bg,
.more_feature_area.primary_bg {
  background: linear-gradient(180deg, #111827 0%, #1f1233 48%, #111827 100%) !important;
}
.core_feature_area,
.feature_area,
.about_area,
.counter_area,
.faq_area,
.apps_area,
.footer,
.copyright {
  background: #111827;
}
.feature_area:nth-of-type(odd),
.apps_area,
.faq_area {
  background: linear-gradient(135deg, rgba(236,72,153,.12), rgba(37,99,235,.12), rgba(250,204,21,.08));
}

.heading h1,
.heading.hbm h1,
.content_box h6,
.single_footer h3,
.contact_info h3,
button.btn.btn-link.btn-block.text-left {
  color: #fff !important;
}
.heading p,
.heading.hbm p,
.content_box p,
.card-body,
.single_footer ul li a,
p.footer_pera,
.contact_info p,
.contact_info p strong,
.copyright p,
.copyright a {
  color: var(--soft) !important;
}
.content_box h6 { text-shadow: 0 0 18px rgba(236,72,153,.35); }

.single_core_feature,
.single_more_feature,
.single_about,
.card,
.contact_info {
  background: var(--panel) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 24px !important;
  box-shadow: 0 20px 60px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.06);
}
.single_core_feature:hover,
.single_more_feature:hover,
.single_about:hover {
  transform: translateY(-6px);
  box-shadow: 0 24px 70px rgba(236,72,153,.22), 0 0 40px rgba(37,99,235,.18);
}
.single_about,
.single_more_feature { padding: 34px; }

.card-header { border: none; }
.card { overflow: hidden; }
.faq_area button.btn.btn-link:after {
  content: "+" !important;
  font-family: Arial, sans-serif !important;
  color: var(--gold);
  font-size: 24px;
  right: 24px;
}
.faq_area button.btn.btn-link[aria-expanded=true]:after {
  content: "–" !important;
  transform: none !important;
}

.contact_area {
  background: linear-gradient(135deg, rgba(17,24,39,1), rgba(236,72,153,.16), rgba(37,99,235,.18)) !important;
}
.contact_form .form-control {
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.16);
  color: #fff;
  border-radius: 16px;
}
.contact_form .form-control::placeholder { color: rgba(226,232,240,.78); }
.contact_form .form-control:focus {
  border-color: var(--neon-pink);
  box-shadow: 0 0 0 4px rgba(236,72,153,.16), 0 0 22px rgba(37,99,235,.22);
}
.contact_form .btn-primary {
  background: linear-gradient(135deg, var(--neon-pink), var(--electric-blue), var(--gold));
  border: none;
  color: #111827;
  border-radius: 999px;
  font-weight: 900;
  box-shadow: 0 16px 38px rgba(236,72,153,.28);
}
.contact_form .btn-primary:hover {
  filter: brightness(1.08);
  transform: translateY(-2px);
}
.footer {
  background: linear-gradient(180deg, #111827, #0b1020) !important;
  border-top: 1px solid rgba(250,204,21,.18);
}
.copyright { border-top: 1px solid rgba(255,255,255,.12); }
.single_footer ul li a:hover { color: var(--gold) !important; padding-left: 3px; }

@media screen and (max-width: 767px) {
  .welcome_area { min-height: auto; padding: 160px 0 90px; }
  .title h1 { font-size: 42px; line-height: 52px; }
  .title h6 { font-size: 19px; line-height: 31px; }
  .logo h3 { font-size: 18px; }
}