/* home.html */
    .badge {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      padding: 0.25rem 0.75rem;
      border-radius: 9999px;
      font-size: 0.75rem;
      font-weight: 600;
      background: linear-gradient(135deg, rgba(0, 171, 181, 0.1), rgba(181, 134, 50, 0.1));
      border: 1px solid rgba(0, 171, 181, 0.2);
      color: #00abb5;
    }

    body {
      font-family: 'Vazirmatn', system-ui, sans-serif;
      background: linear-gradient(to bottom, #d5e4ec 0%, #00abb559 50%, #d5e4ec 100%);
      background-attachment: fixed;
    }

    .glass {
      background: #e8fcff7d;
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      border: 1px solid #b58c4342;
    }

    .btn-hover {
      transition: transform 0.2s ease;
    }

    .btn-hover:hover {
      transform: scale(1.05);
    }

    .card-image {
      object-fit: cover;
      width: 100%;
      height: 100%;
    }

    .stat-card {
      position: relative;
      overflow: hidden;
      transition: all 0.3s ease;
    }

    .stat-card:hover {
      transform: translateY(-5px);
    }

    .stat-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 4px;
      background: linear-gradient(90deg, #00abb5, #b58632);
      transform: scaleX(0);
      transition: transform 0.3s ease;
    }

    .stat-card:hover::before {
      transform: scaleX(1);
    }

    .counter {
      background: linear-gradient(135deg, #00abb5 0%, #007d85 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      font-weight: 900;
    }

    @keyframes pulse {

      0%,
      100% {
        opacity: 1;
      }

      50% {
        opacity: 0.8;
      }
    }

    .pulse-animation {
      animation: pulse 2s ease-in-out infinite;
    }
    .icon-grad { background: linear-gradient(135deg, #00abb5, #008a92); }
    .accent-bg { background: #00abb5; }
    .accent-color { color: #00abb5; }