@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* line 15, app/assets/stylesheets/landing.scss */
.fade-in-up {
  animation: fadeInUp 0.6s ease-out forwards;
  opacity: 0;
}

/* line 20, app/assets/stylesheets/landing.scss */
.animation-delay-200 {
  animation-delay: 0.15s;
}

/* line 24, app/assets/stylesheets/landing.scss */
.animation-delay-400 {
  animation-delay: 0.3s;
}

/* line 28, app/assets/stylesheets/landing.scss */
.animation-delay-600 {
  animation-delay: 0.45s;
}

/* line 33, app/assets/stylesheets/landing.scss */
.feature-card {
  transform: translateY(0);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

/* line 37, app/assets/stylesheets/landing.scss */
.feature-card:hover {
  transform: translateY(-4px);
  border-color: rgba(37, 99, 235, 0.3);
}

/* line 44, app/assets/stylesheets/landing.scss */
html {
  scroll-behavior: smooth;
}

@supports (backdrop-filter: blur(10px)) {
  /* line 50, app/assets/stylesheets/landing.scss */
  .backdrop-blur-md {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }
}

/* line 57, app/assets/stylesheets/landing.scss */
nav a[class*="bg-primary-600"],
section a[class*="from-primary-600"],
section a[class*="bg-gradient-to-r"][class*="primary"],
a[href*="registration"][class*="primary"],
a[href*="registration"][class*="bg-gradient"] {
  background-color: #ea580c !important;
  color: white !important;
}

/* line 65, app/assets/stylesheets/landing.scss */
nav a[class*="bg-primary-600"][class*="bg-gradient-to-r"],
section a[class*="from-primary-600"][class*="bg-gradient-to-r"],
section a[class*="bg-gradient-to-r"][class*="primary"][class*="bg-gradient-to-r"],
a[href*="registration"][class*="primary"][class*="bg-gradient-to-r"],
a[href*="registration"][class*="bg-gradient"][class*="bg-gradient-to-r"] {
  background-image: linear-gradient(to right, #ea580c, #c2410c) !important;
}

/* line 69, app/assets/stylesheets/landing.scss */
nav a[class*="bg-primary-600"]:hover,
section a[class*="from-primary-600"]:hover,
section a[class*="bg-gradient-to-r"][class*="primary"]:hover,
a[href*="registration"][class*="primary"]:hover,
a[href*="registration"][class*="bg-gradient"]:hover {
  background-color: #c2410c !important;
}

/* line 72, app/assets/stylesheets/landing.scss */
nav a[class*="bg-primary-600"][class*="bg-gradient-to-r"]:hover,
section a[class*="from-primary-600"][class*="bg-gradient-to-r"]:hover,
section a[class*="bg-gradient-to-r"][class*="primary"][class*="bg-gradient-to-r"]:hover,
a[href*="registration"][class*="primary"][class*="bg-gradient-to-r"]:hover,
a[href*="registration"][class*="bg-gradient"][class*="bg-gradient-to-r"]:hover {
  background-image: linear-gradient(to right, #c2410c, #9a3412) !important;
}

/* line 79, app/assets/stylesheets/landing.scss */
a[class*="bg-gradient-to-r"] {
  position: relative;
  overflow: hidden;
}

/* line 83, app/assets/stylesheets/landing.scss */
a[class*="bg-gradient-to-r"]::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s;
}

/* line 94, app/assets/stylesheets/landing.scss */
a[class*="bg-gradient-to-r"]:hover::before {
  left: 100%;
}

/* line 100, app/assets/stylesheets/landing.scss */
::selection {
  background-color: rgba(0, 0, 0, 0.1);
  color: inherit;
}

/* line 106, app/assets/stylesheets/landing.scss */
a:focus-visible,
button:focus-visible {
  outline: 2px solid #000;
  outline-offset: 2px;
}