/*
Theme Name: Under Construction Theme
Theme URI: https://example.com/under-construction-theme
Author: xAI
Author URI: https://x.ai
Description: A responsive and animated WordPress theme for an under construction page with a futuristic design.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: under-construction
Tags: under-construction, responsive, animated, futuristic
*/

@keyframes slideIn {
  from { opacity: 0; transform: translateX(-50px); }
  to { opacity: 1; transform: translateX(0); }
}
@keyframes bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-15px); }
}
@keyframes glow {
  0%, 100% { text-shadow: 0 0 10px #00BFB2, 0 0 20px #00BFB2; }
  50% { text-shadow: 0 0 20px #00BFB2, 0 0 30px #1D438A; }
}
@keyframes particle {
  0% { transform: translateY(0) scale(1); opacity: 0.8; }
  100% { transform: translateY(-100vh) scale(0.2); opacity: 0; }
}
.animate-slideIn {
  animation: slideIn 1.2s ease-out forwards;
}
.animate-bounce {
  animation: bounce 1.3s infinite;
}
.animate-glow {
  animation: glow 2s ease-in-out infinite;
}
.bg-gradient {
  background: linear-gradient(135deg, #1D438A, #00BFB2);
  position: relative;
  overflow: hidden;
}
.particle {
  position: absolute;
  width: 5px;
  height: 5px;
  background: #00BFB2;
  border-radius: 50%;
  animation: particle 3s linear infinite;
}
.particle:nth-child(1) { left: 10%; animation-delay: 0s; }
.particle:nth-child(2) { left: 30%; animation-delay: 0.5s; }
.particle:nth-child(3) { left: 50%; animation-delay: 1s; }
.particle:nth-child(4) { left: 70%; animation-delay: 1.5s; }
.particle:nth-child(5) { left: 90%; animation-delay: 2s; }