/* Reset */
* {margin:0;padding:0;box-sizing:border-box;}

body {
  /* background: url("https://images.unsplash.com/photo-1487525219605-eadb39ae229c?ixlib=rb-1.2.1&auto=format&fit=crop&w=1920&q=80") no-repeat center center/cover; */
  background: url("bg.jpg") no-repeat center center/cover;

  min-height: 100vh;
  font-family: "Poppins", sans-serif;
  overflow-x: hidden;
  /* cursor: none; */
  color: #fff;
}

/* Preloader */
#preloader {
  position: fixed; top:0; left:0; right:0; bottom:0;
  background: #000; z-index:9999;
  display:flex; justify-content:center; align-items:center; flex-direction:column;
}
#preloader img {width:150px; animation:pulse 2s infinite;}
#preloader p {color:#fff;margin-top:15px;}
@keyframes pulse {0%,100%{transform:scale(1);opacity:0.8;}50%{transform:scale(1.2);opacity:1;}}

/* Spotlight Cursor */
.spotlight {
  position: fixed; height: 100%; width:100%;
  pointer-events:none; top:0; left:0;
  background: radial-gradient(circle at center, transparent 15%, rgba(0,0,0,0.7) 20%);
  z-index:2;
  will-change: background;
}

/* Content */
.entry-content {position:relative; z-index:3; padding-top:100px; padding-bottom:80px; text-align:center;}
.entry-content h1 {font-size:3rem; font-weight:700; margin-bottom:1.5rem; text-shadow:0 0 15px rgba(255,255,255,0.6);}
.highlight {color:#ffcc01;}

/* Service Cards */
.service-card {
  background: rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.2);
  border-radius:20px; padding:2rem 1.5rem; text-align:center; color:#fff;
  position:relative; backdrop-filter:blur(8px); transition: all 0.4s ease; height:100%;
}
.service-card:hover {transform: translateY(-12px); border-color: #ffcc01;   color: #ffcc01; /* neon yellow */
 box-shadow:0 10px 25px rgba(255,204,1,0.3);}
.service-card lord-icon {width:70px;height:70px;margin-bottom:1rem;}
.service-card h5 {font-size:1.2rem;margin-bottom:0.5rem;}
.service-card p {font-size:0.9rem;color:#ddd;}
.step-number {position:absolute; top:10px; right:15px; font-size:1.5rem; font-weight:bold; color: rgba(255,204,1,0.7);}

/* Neon Explore Button - Softer Glow */
.explore-btn {
  margin-top:40px; 
  padding:12px 35px; 
  border:none; 
  border-radius:50px; 
  font-size:1.2rem; 
  font-weight:bold;
  background:#ffcc01; 
  color:#000; 
  position:relative; 
  overflow:hidden; 
  transition: all 0.4s ease;
  box-shadow: 0 0 10px rgba(255,204,1,0.6), 0 0 20px rgba(255,204,1,0.4);
  animation: neonPulse 2s infinite alternate;
}
@keyframes neonPulse {
  from {box-shadow: 0 0 5px rgba(255,204,1,0.5), 0 0 10px rgba(255,204,1,0.3);}
  to {box-shadow: 0 0 15px rgba(255,204,1,0.7), 0 0 30px rgba(255,204,1,0.5);}
}
.explore-btn:hover {
  background:#fff;
  color:#000; 
  transform:scale(1.05);
  box-shadow: 0 0 20px rgba(255,204,1,0.7), 0 0 40px rgba(255,204,1,0.5);
}

@media (max-width:768px){.entry-content h1{font-size:2rem;}}
