body {
    background: radial-gradient(
        circle at top,
        #0f3a42 0%,
        #08161f 45%,
        #03070c 100%
    );
  }

*{
    margin: 0;
    padding: 0;
    
}

.hover-text span {
    display: inline-block;
    transition: transform 0.3s ease, color 0.3s ease;
    cursor: default;
  }

  .hover-text span:hover {
    transform: translateY(-10px) scale(1.1);
    color: #22d3ee; /* cyan-400 */
  }

  body { font-family: 'Poppins', sans-serif; }

  .glass {
    background: rgba(20, 25, 35, 0.55);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255,255,255,0.08);
  }

  .neon-ring {
    background: linear-gradient(135deg, #22d3ee, #a855f7, #ec4899);
    padding: 3px;
    border-radius: 9999px;
    box-shadow:
      0 0 20px rgba(168,85,247,.7),
      0 0 40px rgba(34,211,238,.5);
  }

  .grid-bg {
    background-image:
      radial-gradient(circle at 1px 1px, rgba(255,255,255,.08) 1px, transparent 0);
    background-size: 22px 22px;
  }