/* ═══════════════════════════════════════════════════════════════════════════
   GLOBAL STYLES - Fonts, Colors, Resets
   ═══════════════════════════════════════════════════════════════════════════ */

* { 
  font-family: 'Comfortaa', cursive; 
  box-sizing: border-box; 
}

body { 
  margin: 0; 
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); 
  color: #f5f5f5; 
  min-height: 100vh;
}

/* Animations */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes slideInNotif {
  from { 
    transform: translateX(450px); 
    opacity: 0; 
  }
  to { 
    transform: translateX(0); 
    opacity: 1; 
  }
}

@keyframes achievement-glow {
  0%, 100% { box-shadow: 0 0 20px rgba(255, 215, 0, 0.4); }
  50% { box-shadow: 0 0 30px rgba(255, 215, 0, 0.6); }
}