body {
            font-family: 'Assistant', sans-serif;
        }
        .hero-bg {
            background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=1920&h=1080&fit=crop&q=80');
            background-size: cover;
            background-position: center;
        }
        .gradient-text {
            background: linear-gradient(90deg, #3b82f6, #06b6d4, #8b5cf6);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .rtl-form label {
            text-align: right;
            display: block;
        }