/* Innovate.MS Branding Colors */
:root {
  --innovate-green: #4CD964;
  --innovate-light-green: #76D275;
  --innovate-navy: #2D3654;
  --innovate-teal: #26B6C6;
  --innovate-slate: #3A6073;
}

/* Logo Animation */
.logo-container {
  position: relative;
  display: inline-block;
}

.logo-text {
  position: relative;
  z-index: 10;
}

.logo-exclamation {
  color: var(--innovate-green);
  display: inline-block;
  transform-origin: bottom;
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
  40% { transform: translateY(-10px); }
  60% { transform: translateY(-5px); }
}

.animate-pulse-slow {
  animation: pulse 3s infinite;
}

@keyframes pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.05); }
}

/* Wave Divider */
.wave-divider {
  height: 50px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%2376D275' fill-opacity='1' d='M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,149.3C960,160,1056,160,1152,138.7C1248,117,1344,75,1392,53.3L1440,32L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
}

/* Button Styles */
.btn-innovate-green {
  background-color: var(--innovate-green);
  color: white;
  transition: all 0.3s ease;
}

.btn-innovate-green:hover {
  background-color: #3ab853;
  transform: translateY(-2px);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.btn-innovate-teal {
  background-color: var(--innovate-teal);
  color: white;
  transition: all 0.3s ease;
}

.btn-innovate-teal:hover {
  background-color: #1e9aa8;
  transform: translateY(-2px);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Section Dividers */
.section-divider {
  width: 6rem;
  height: 0.25rem;
  background-color: var(--innovate-green);
  margin: 1.5rem auto 3rem auto;
}

/* Card Styles */
.innovate-card {
  border-radius: 0.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  border-top: 4px solid var(--innovate-green);
}

.innovate-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}

.innovate-card-teal {
  border-top-color: var(--innovate-teal);
}

.innovate-card-slate {
  border-top-color: var(--innovate-slate);
}

/* Form Styles */
.innovate-input {
  border: 1px solid #e2e8f0;
  border-radius: 0.375rem;
  padding: 0.5rem 0.75rem;
  width: 100%;
  transition: all 0.2s ease;
}

.innovate-input:focus {
  outline: none;
  border-color: var(--innovate-green);
  box-shadow: 0 0 0 3px rgba(76, 217, 100, 0.2);
}

/* Navbar Styles */
.innovate-navbar {
  background-color: var(--innovate-navy);
  color: white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Footer Styles */
.innovate-footer {
  background-color: var(--innovate-navy);
  color: white;
  padding: 2rem 0;
}

/* Utility Classes */
.text-innovate-green {
  color: var(--innovate-green);
}

.text-innovate-navy {
  color: var(--innovate-navy);
}

.text-innovate-teal {
  color: var(--innovate-teal);
}

.bg-innovate-green {
  background-color: var(--innovate-green);
}

.bg-innovate-navy {
  background-color: var(--innovate-navy);
}

.bg-innovate-teal {
  background-color: var(--innovate-teal);
}

.border-innovate-green {
  border-color: var(--innovate-green);
}

.hover-innovate-green:hover {
  color: var(--innovate-green);
}