/* style.css - custom styles + small utilities for futuristic look */

/* Use Inter font from Google included in index.html */
:root{
  --glass: rgba(255,255,255,0.06);
  --glass-2: rgba(255,255,255,0.04);
  --accent-1: rgba(255,201,71,1);
  --accent-2: rgba(255,122,41,1);
}

/* base tweaks */
html,body{height:100%}
body{line-height:1.45}

/* futuristic heading effect */
.futuristic-heading{
  background: linear-gradient(90deg, #fff 0%, #ffd366 40%, #9be7ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 6px 18px rgba(0,0,0,0.6));
  letter-spacing: -0.02em;
}

/* nav links */
.nav-link{
  color: rgba(255,255,255,0.8);
  transition: color .18s, transform .18s;
}
.nav-link:hover{ color: #fff; transform: translateY(-2px); }

/* CTA styles */
.cta-btn{ padding: .7rem 1.25rem; border-radius: 999px; font-weight:600; display:inline-block; text-decoration:none; }
.gradient-cta{
  background: linear-gradient(90deg,var(--accent-1),var(--accent-2));
  color: #000;
  transform: translateZ(0);
}
.cta-outline{
  padding:.65rem 1rem; border-radius:999px; border:1px solid rgba(255,255,255,0.06); color: #e6eef8; text-decoration:none;
}

/* stat card */
.stat-card{ background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01)); padding: 1rem; border-radius: 1rem; backdrop-filter: blur(6px); }

/* glass card visual */
.card-visual{ width: 100%; max-width: 520px; margin: 0 auto; position: relative; }
.glass-card{
  border-radius: 1.5rem; overflow:hidden; border:1px solid rgba(255,255,255,0.06);
  box-shadow: 0 10px 40px rgba(2,6,23,0.7);
  transform: perspective(1000px) rotateY(-6deg) translateY(-8px);
}
.visual-photo{
  height: 320px;
 
  background-size: cover; background-position:center;
  filter: saturate(105%) contrast(1.02);
}
.card-footer{ display:flex; justify-content:space-between; align-items:center; padding: 1rem 1.25rem; background: linear-gradient(180deg, rgba(0,0,0,0.1), transparent); }

/* floating tag */
.floating-tag{
  position:absolute; left: -40px; bottom: -40px; padding: .8rem 1rem; border-radius: .9rem;
  background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.02));
  border:1px solid rgba(255,255,255,0.05); width:160px; transform-origin:center; box-shadow: 0 8px 30px rgba(0,0,0,0.6);
}
.tag-title{ font-weight:700; font-size:0.85rem; color: #fff; }
.tag-sub{ font-size:0.75rem; color: #bfcbdc; }

/* service card */
.service-card{ padding:1.1rem; background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.02)); border-radius:1rem; border:1px solid rgba(255,255,255,0.04); backdrop-filter: blur(6px); }
.service-icon{ font-size:1.5rem; margin-bottom:.5rem; }

/* testimonial */
.quote-card{ padding:1.25rem; background:linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.02)); border-radius:1rem; border:1px solid rgba(255,255,255,0.04); font-style: normal; }

/* contact form */
.input-field{ background: transparent; border:1px solid rgba(255,255,255,0.06); padding:.8rem .9rem; border-radius:.9rem; outline:none; color: #fff; }

/* contact cards */
.contact-card{ display:flex; gap:1rem; padding:.9rem; background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01)); border-radius: .8rem; border:1px solid rgba(255,255,255,0.04); }
.contact-card .icon{ font-size:1.4rem; }

/* small utilities */
.feature, .adv{ padding:.9rem; border-radius:.8rem; background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01)); border:1px solid rgba(255,255,255,0.04); }

/* responsive visual adjustments */
@media (max-width: 768px){
  .glass-card{ transform: none; }
  .floating-tag{ left: 10px; bottom: -26px; width: 140px; }
}

/* touch of neon animation */
@keyframes neonPulse {
  0% { box-shadow: 0 0 0px rgba(255,195,50,0.0); }
  50% { box-shadow: 0 0 30px rgba(255,195,50,0.06); transform: translateY(-2px); }
  100% { box-shadow: 0 0 0px rgba(255,195,50,0.0); transform: translateY(0); }
}
.gradient-cta { animation: neonPulse 4s ease-in-out infinite; }

/* tiny floating motion for hero elements (will be enhanced by GSAP) */
.floating { transform: translateY(0); }
/* Universities Card Style */
#universities .service-card {
  background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
  padding: 1rem;
  border-radius: 1rem;
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

/* Call-to-action buttons */
.cta-btn {
  padding: .7rem 1.25rem;
  border-radius: 999px;
  font-weight: 600;
  display: inline-block;
  text-decoration: none;
}

.gradient-cta {
  background: linear-gradient(90deg, rgba(255,201,71,1), rgba(255,122,41,1));
  color: #000;
  transform: translateZ(0);
}
/* Optional: Enhance the search bar */
.input-field {
  padding: 0.75rem;
  border: 1px solid #ccc;
  border-radius: 0.5rem;
  transition: border-color 0.3s ease;
}

.input-field:focus {
  border-color: #ffd366; /* Accent color on focus */
  outline: none;
}