/* animations.css — Micro-animations & Floating Glass */

@keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@keyframes slideUp {
    from { transform: translateY(20px); opacity: 0; }
    to   { transform: translateY(0); opacity: 1; }
}
@keyframes pulse {
    0%   { box-shadow: 0 0 0 0 rgba(0,212,255,0.4); }
    70%  { box-shadow: 0 0 0 10px rgba(0,212,255,0); }
    100% { box-shadow: 0 0 0 0 rgba(0,212,255,0); }
}

/* Floating orb movement */
@keyframes floatOrb {
    0%, 100% { transform: translate(0, 0) scale(1); }
    25%      { transform: translate(30px, -40px) scale(1.05); }
    50%      { transform: translate(-20px, 20px) scale(0.95); }
    75%      { transform: translate(15px, -10px) scale(1.02); }
}

/* Glass shimmer sweep */
@keyframes shimmer {
    0%   { transform: translateX(-100%) rotate(45deg); }
    100% { transform: translateX(100%) rotate(45deg); }
}

/* Clock blink */
@keyframes clockBlink {
    0%, 100% { opacity: 1; }
    50%      { opacity: 0.3; }
}

/* Stagger fade-in for grid children */
@keyframes staggerIn {
    from { opacity: 0; transform: translateY(12px) scale(0.97); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

.fade-in  { animation: fadeIn 0.4s ease forwards; }
.slide-up { animation: slideUp 0.4s ease forwards; }
.pulse    { animation: pulse 1.5s infinite; }

/* Staggered grid items */
.stagger-in > * {
    opacity: 0;
    animation: staggerIn 0.4s ease forwards;
}
.stagger-in > *:nth-child(1) { animation-delay: 0.05s; }
.stagger-in > *:nth-child(2) { animation-delay: 0.10s; }
.stagger-in > *:nth-child(3) { animation-delay: 0.15s; }
.stagger-in > *:nth-child(4) { animation-delay: 0.20s; }
.stagger-in > *:nth-child(5) { animation-delay: 0.25s; }
.stagger-in > *:nth-child(6) { animation-delay: 0.30s; }
.stagger-in > *:nth-child(7) { animation-delay: 0.35s; }
.stagger-in > *:nth-child(8) { animation-delay: 0.40s; }