/* ==============================================================================
   BUSFORFUN BUSINESS - COMMUTING LANDING PAGE
   Static Stylesheet (Zero-Build Ready for AWS S3 + CloudFront)
   ============================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,400&family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400&family=Playfair+Display:ital,wght@1,400;1,600;1,700&display=swap');

:root {
  --busgreen: #99C268;
  --busdark: #111827;
  --busbg: #F9FAFB;
  --busborder: #E5E7EB;
}

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  color: var(--busdark);
  background-color: #ffffff;
  overflow-x: hidden;
}

.font-montserrat {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
}

.font-serif {
  font-family: 'Playfair Display', Georgia, serif;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Animations */
@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-6px);
  }
}

.animate-float-slow {
  animation: float 4s ease-in-out infinite;
}

@keyframes scaleUp {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.animate-scale-up {
  animation: scaleUp 0.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Phone screen mock styling */
.phone-shadow {
  box-shadow: 0 25px 50px -12px rgba(17, 24, 39, 0.35);
}

/* Captcha styling & animation */
@keyframes shakeAnimation {
  0%, 100% { transform: translateX(0); }
  20%, 60% { transform: translateX(-5px); }
  40%, 80% { transform: translateX(5px); }
}

.animate-shake {
  animation: shakeAnimation 0.35s ease-in-out;
}

#captcha-wrapper {
  transition: all 0.2s ease-in-out;
}