/* Platform Global Styles */
/* Cairo Font Application and Background Animations */

/* Apply Cairo font globally */
* {
    font-family: 'Cairo', sans-serif !important;
}

/* Background Animation Objects - Exact Copy from public/platform/assets/app.css */
:root {
    --primary-gradient: linear-gradient(135deg, #0066cc 0%, #004499 100%);
    --secondary-gradient: linear-gradient(135deg, #3399ff 0%, #0066cc 100%);
    --accent-gradient: linear-gradient(135deg, #00aaff 0%, #0088cc 100%);
}

.bg-animation {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.4;
}

.bg-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    animation: float 6s ease-in-out infinite;
}

.orb-1 {
    width: clamp(200px, 30vw, 300px);
    height: clamp(200px, 30vw, 300px);
    background: var(--primary-gradient);
    top: 10%;
    right: 10%;
    animation-delay: 0s;
}

.orb-2 {
    width: clamp(250px, 40vw, 400px);
    height: clamp(250px, 40vw, 400px);
    background: var(--secondary-gradient);
    top: 60%;
    left: 10%;
    animation-delay: -2s;
}

.orb-3 {
    width: clamp(150px, 25vw, 250px);
    height: clamp(150px, 25vw, 250px);
    background: var(--accent-gradient);
    bottom: 20%;
    right: 30%;
    animation-delay: -4s;
}

@keyframes float {
    0%, 100% {
        transform: translate(0, 0) rotate(0deg);
    }
    33% {
        transform: translate(30px, -30px) rotate(120deg);
    }
    66% {
        transform: translate(-20px, 20px) rotate(240deg);
    }
}