.text-purple {
  color: #6f42c1;
}

.text-warning {
  color: #ffc107 !important;
}

.section-card {
  transition: all 0.3s ease;
  background-color: #fdfdfd;
}

.section-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(111, 66, 193, 0.15);
}

.hover-scale:hover {
  transform: scale(1.02);
}
html, body {
        margin: 0;
        padding: 0;
        height: 100%;
        width: 100%;
        position: relative;
    }

    body::before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(0deg,rgba(172, 71, 255, 1) 0%, rgba(255, 249, 82, 1) 100%);
        z-index: -1; /* باعث می‌شود پشت محتوا باشد */
        animation: revealGradient 1.5s ease-out forwards;
    }

    @keyframes revealGradient {
        from {
            height: 0;
        }
        to {
            height: 100%;
        }
    }

    /* نمونه برای نشان دادن ناوبار */
    nav {
        color: #fff;
        text-align: center;
    }
    
    nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;


    background: rgba(255, 255, 255, 0.3); /* شفاف و مایل به سفید */
    backdrop-filter: blur(10px);          /* افکت بلور */
    -webkit-backdrop-filter: blur(10px);  /* برای سازگاری iOS */

    color: #000; /* رنگ متن تیره‌تر برای کنتراست */

    z-index: 1000;
}