/* =========================================================================
   ORVANTIA Consulting - Premium Landing Page Styles
   ========================================================================= */

/* Core Resets & Scrollbar */
html {
    scroll-behavior: smooth;
    scrollbar-width: thin;
    scrollbar-color: #7B2CBF #05050A;
}

::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #05050A;
}
::-webkit-scrollbar-thumb {
    background: #00B4D8;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #48CAE4;
}

/* Base Custom Classes */
.text-shadow-glow {
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.4);
}

/* =========================================
   Micro-animations & CSS Transitions
   ========================================= */

/* Entrance Animations */
@keyframes slideUp {
    from { 
        opacity: 0; 
        transform: translateY(30px); 
    }
    to { 
        opacity: 1; 
        transform: translateY(0); 
    }
}

@keyframes scaleIn {
    from { 
        opacity: 0; 
        transform: scale(0.6); 
    }
    to { 
        opacity: 1; 
        transform: scale(1); 
    }
}

/* Continuous Subtle Animations */
@keyframes gradientText {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

@keyframes shimmer {
    100% { background-position: 200% center; }
}

@keyframes pulseSlow {
    0%, 100% { 
        opacity: 0.3; 
        transform: scale(1);
    }
    50% { 
        opacity: 0.6; 
        transform: scale(1.05); 
    }
}

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

/* Animation Utility Classes */
.animate-fade-in-up {
    opacity: 0;
    animation: slideUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.animate-slide-up {
    opacity: 0;
    animation: slideUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.animate-scale-in {
    opacity: 0;
    animation: scaleIn 1s cubic-bezier(0.2, 1, 0.3, 1) forwards;
}

.animate-gradient-text {
    background-size: 200% auto;
    animation: gradientText 4s linear infinite;
}

.animate-shimmer {
    animation: shimmer 3s infinite linear;
}

.animate-pulse-slow {
    animation: pulseSlow 4s ease-in-out infinite;
}

.animate-floatRobot {
    animation: floatRobot 6s ease-in-out infinite;
}

/* Delays to cascade the entry of elements */
.delay-100 { animation-delay: 150ms; }
.delay-200 { animation-delay: 300ms; }
.delay-300 { animation-delay: 450ms; }

/* =========================================
   Parallax & 3D Depth
   ========================================= */
.perspective-1000 {
    perspective: 1500px;
    transform-style: preserve-3d;
}

.robot-3d {
    /* 3D rotation handled by JS, but we add initial float */
    animation: floatRobot 6s ease-in-out infinite;
    transform-origin: center center;
    will-change: transform;
    transition: transform 0.1s ease-out; /* Smooth snapping if JS updates slowly */
}