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

:root {
  color-scheme: light;
}

body {
  font-family: "Inter", sans-serif;
  background-color: #c6f5ea !important; 
}

.blob {
  position: absolute;
  filter: blur(100px);
  z-index: -1;
  opacity: 0.15;
  border-radius: 50%;
  pointer-events: none;
}

.glass-nav {
  background: rgba(250, 250, 250, 0.5) !important; 
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.text-gradient-brand {
  background-image: linear-gradient(to right, #3b82f6, #2dd4bf);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.bg-gradient-brand {
  background-image: linear-gradient(to right, #3b82f6, #2dd4bf);
}

.border-brand-primary {
  border-color: #3b82f6;
}

.text-brand-primary {
  color: #3b82f6;
}


app-header, app-footer {
  display: block;
  width: 100%;
}

app-footer {
  margin-top: auto;
}