:root {
    --primary-gradient: linear-gradient(90deg, #00adef 0%, #52c234 100%);
  }
  body {
    font-family: 'Almarai', sans-serif;
    background-color: #0f172a;
  }
  .glass {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.08);
  }
  .mihdhar-gradient-text {
    background: var(--primary-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .mihdhar-gradient-bg {
    background: var(--primary-gradient);
  }
  .mihdhar-gradient-border {
    border-image: var(--primary-gradient) 1;
  }
  .animate-float {
    animation: float 6s ease-in-out infinite;
  }
  @keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-15px); }
  }
  .glow-primary {
    box-shadow: 0 0 30px rgba(0, 173, 239, 0.2), 0 0 30px rgba(82, 194, 52, 0.2);
  }