:root{
  --brand-50:#ecfeff;--brand-100:#cffafe;--brand-200:#a5f3fc;--brand-300:#67e8f9;--brand-400:#22d3ee;--brand-500:#06b6d4;--brand-600:#0891b2;--brand-700:#0e7490;--brand-800:#155e75;--brand-900:#164e63;
}
/* Overrides and small tweaks to complement Tailwind */
.hero-glow{position:relative}
.hero-glow:after{content:"";position:absolute;inset:auto -3rem -3rem auto;width:10rem;height:10rem;background:var(--brand-200);filter:blur(28px);opacity:.6;border-radius:1.5rem}
.card:hover{transform:translateY(-2px)}
.card{transition:transform .2s ease}

/* Buttons */
.btn{display:inline-block;padding:.625rem 1rem;border-radius:.75rem}
.btn-primary{background:var(--brand-600);color:#fff}
.btn-outline{border:1px solid #e2e8f0}

/* Images */
img{max-width:100%;height:auto}

/* Utilities in case Tailwind CDN fails */
.container{max-width:72rem;margin:0 auto;padding:0 1rem}

@media (max-width: 640px) {
  header img {
    height: 64px; /* Slightly smaller on mobile */
  }
}