:root {
  --nav-height: 0px;
}

body {
  scroll-behavior: smooth;
  font-family: 'Inter', sans-serif;
}

main {
  margin-top: var(--nav-height);
  transition: margin-top 0.3s ease;
}

.hero {
  background: linear-gradient(135deg, #0066ff 0%, #001f4d 100%);
  color: #fff;
}

.features .card {
  transition: transform 0.3s ease;
}

.features .card:hover {
  transform: translateY(-10px);
}

.testimonials {
  background-color: #f8f9fa;
}

.auth-page {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}