/* Proyectia FINAL - minimal custom CSS (Tailwind CDN provides utilities) */
:root{
  --color-primary:#38D8F9;
  --color-dark-200:#1A4D59;
}

/* Smooth scroll */
html{scroll-behavior:smooth;}

/* Hero background */
.hero-gradient{
  background: radial-gradient(1200px 600px at 20% 30%, rgba(56,216,249,.25) 0%, rgba(56,216,249,0) 60%),
              linear-gradient(135deg, #0B3A45 0%, #134F5E 45%, #0B3A45 100%);
}

/* Canvas always fills hero */
#network-canvas{width:100%;height:100%;display:block;}

/* Simple fade-up animation used in hero */
@keyframes fadeInUp{
  from{opacity:0; transform: translateY(14px);}
  to{opacity:1; transform: translateY(0);}
}
.animate-fade-in-up{animation: fadeInUp .7s ease-out both;}

/* Button shadow polish */
.btn-glow{box-shadow:0 10px 30px rgba(56,216,249,.25);}

/* Fix: ensure header height doesn't overlap anchors too much */
section{scroll-margin-top:90px;}


/* Sticky CTA button */
.sticky-cta{
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 9999;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  border-radius: 999px;
  font-weight: 700;
  text-decoration: none;
  background: #00c2a8;
  color: #062d2a;
  box-shadow: 0 10px 25px rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.25);
}
.sticky-cta:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(0,0,0,.22);
}
.sticky-cta:active{
  transform: translateY(0px);
}