@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700;800;900&display=swap");

body {
  font-family: "Poppins", "Inter", sans-serif;
}

.glass-nav {
  backdrop-filter: blur(10px);
  background-color: rgba(255, 255, 255, 0.95);
}

/* Form Styles */
.form-radio-card:checked + label {
  border-left-width: 4px;
  border-left-color: #f5c000;
  background-color: rgba(245, 192, 0, 0.1);
  color: #1b3a6b;
  font-weight: 700;
}

.input-focus:focus {
  border-color: #f5c000;
  ring-color: #f5c000;
  outline: none;
  box-shadow: 0 0 0 2px rgba(245, 192, 0, 0.2);
}

/* Mobile Adjustments */
@media (max-width: 768px) {
  h1 {
    font-size: 2.25rem !important;
    line-height: 1.2 !important;
  }
  h2 {
    font-size: 1.75rem !important;
  }
  .btn-mobile-sm {
    padding: 0.6rem 1.2rem !important;
    font-size: 0.875rem !important;
  }
}

/* Drawer Animation */
#mobile-menu-drawer {
  transition: transform 0.3s ease-in-out;
}

#mobile-menu-drawer.translate-x-full {
  transform: translateX(100%);
}

#mobile-menu-drawer.translate-x-0 {
  transform: translateX(0);
}

.will-change-transform {
  will-change: transform;
}

/* Transitions */
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

/* Custom Scrollbar for modern feel */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #1b3a6b;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #1ea8d1;
}