body {
    font-family: 'Tajawal', sans-serif;
    background-color: #f8fafc;
    overflow-x: hidden;
}

.glass-card {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.4);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);
}

.perspective-container {
    perspective: 1200px;
}

.floating-element {
    will-change: transform;
}

/* Fix text direction issues if any */
[dir="rtl"] .text-right {
    text-align: right;
}

[dir="ltr"] .text-right {
    text-align: left;
}

@keyframes float {
    0%,
    100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-15px);
    }
}

.animate-float {
    animation: float 5s ease-in-out infinite;
}

.delay-100 {
    animation-delay: 0.1s;
}

.delay-300 {
    animation-delay: 0.3s;
}