body {
                direction: rtl;
                font-family: 'IRANSans', sans-serif;
                background: #f5f7fa;
            }
            .header {
                background: linear-gradient(135deg, #0f172a, #1e293b);
                color: #fff;
                padding: 45px 0;
                text-align: center;
                margin-bottom: 40px;
                border-bottom: 4px solid #eaeceeff;
            }
            .header h1 {
                font-size: 32px;
                font-weight: bold;
                letter-spacing: 1px;
            }
            .card {
                background: #ffffff;
                padding: 25px;
                margin-bottom: 30px;
                border-radius: 12px;
                box-shadow: 0 4px 15px rgba(0,0,0,0.08);
                border: none;
            }
            .card h2 {
                margin-top: 0;
                font-size: 22px;
                color: #1e293b;
            }
            video {
                width: 100%;
                border-radius: 10px;
                box-shadow: 0 3px 10px rgba(0,0,0,0.15);
            }
        

            .custom-bg {
                background: linear-gradient(135deg, #fef3c7, #fde68a, #fcd34d); /* گرادینت جذاب */
                border-radius: 12px;
                padding: 20px;
                position: relative;
                overflow: hidden;
                box-shadow: inset 0 0 50px rgba(0,0,0,0.05); /* عمق ملایم */
            }

            /* افکت تزئینی ملایم */
            .custom-bg::before {
                content: "";
                position: absolute;
                top: -50%;
                left: -50%;
                width: 200%;
                height: 200%;
                background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 70%);
                animation: rotateGradient 20s linear infinite;
                z-index: 0;
            }

            .custom-bg * {
                position: relative; /* مطمئن می‌شویم متن روی پس‌زمینه باشد */
                z-index: 1;
            }

            @keyframes rotateGradient {
                0% { transform: rotate(0deg); }
                100% { transform: rotate(360deg); }
            }