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

:root {
  --color-navy-dark: #070d19;
  --color-navy-card: #0b1528;
  --color-navy-border: #162a4a;
  --color-logo-blue: #124c73;
  --color-logo-slate: #93b7be;
  --color-emerald-main: #10b981;
  --color-emerald-hover: #059669;
  --color-emerald-light: #34d399;
}

body {
  font-family: 'Inter', sans-serif;
  background-color: var(--color-navy-dark);
  color: #f1f5f9;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6, .font-heading {
  font-family: 'Outfit', sans-serif;
}

/* Glassmorphism utilities */
.glass-card {
  background: rgba(11, 21, 40, 0.75);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(147, 183, 190, 0.15);
}

.glass-card-hover {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.glass-card-hover:hover {
  transform: translateY(-4px);
  background: rgba(18, 76, 115, 0.3);
  border-color: rgba(147, 183, 190, 0.4);
  box-shadow: 0 20px 30px -10px rgba(18, 76, 115, 0.3), 0 0 20px 0 rgba(16, 185, 129, 0.1);
}

.glass-header {
  background: rgba(7, 13, 25, 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(147, 183, 190, 0.15);
}

/* Custom Gradients */
.gradient-text-blue {
  background: linear-gradient(135deg, #ffffff 0%, #93b7be 50%, #38bdf8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gradient-text-emerald {
  background: linear-gradient(135deg, #34d399 0%, #10b981 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gradient-bg-hero {
  background: radial-gradient(circle at 50% 0%, rgba(18, 76, 115, 0.35) 0%, rgba(7, 13, 25, 1) 70%);
}

.gradient-glow-emerald {
  box-shadow: 0 0 25px -5px rgba(16, 185, 129, 0.4);
}

.gradient-glow-blue {
  box-shadow: 0 0 35px -5px rgba(18, 76, 115, 0.5);
}

/* Animations */
@keyframes pulseGlow {
  0%, 100% {
    box-shadow: 0 0 15px rgba(16, 185, 129, 0.4);
  }
  50% {
    box-shadow: 0 0 30px rgba(16, 185, 129, 0.8);
  }
}

.animate-pulse-glow {
  animation: pulseGlow 2.5s infinite ease-in-out;
}

@keyframes floatSlow {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-8px); }
}

.animate-float {
  animation: floatSlow 6s ease-in-out infinite;
}

/* Custom Input Focus */
.custom-input {
  background: rgba(11, 21, 40, 0.9);
  border: 1px solid rgba(147, 183, 190, 0.25);
  color: #ffffff;
  transition: all 0.2s ease;
}

.custom-input:focus {
  outline: none;
  border-color: #10b981;
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.2);
  background: rgba(18, 76, 115, 0.25);
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #070d19;
}
::-webkit-scrollbar-thumb {
  background: #124c73;
  border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
  background: #93b7be;
}