.elementor-5 .elementor-element.elementor-element-0902043{--display:flex;}.eael-reading-progress-wrap .eael-reading-progress{height:5px !important;}.eael-reading-progress-wrap .eael-reading-progress .eael-reading-progress-fill{height:5px !important;background-color:#1fd18e;transition:width 50ms ease;}/* Start custom CSS for html, class: .elementor-element-4fae730 *//* Background with subtle animated gradient */
body {
  background: linear-gradient(-45deg, #191f2b, #232e45, #2c3e50, #1a1f29);
  background-size: 400% 400%;
  animation: gradientBG 15s ease infinite;
  color: #f0f0f2;
}

/* Gradient background animation */
@keyframes gradientBG {
  0% {background-position: 0% 50%;}
  50% {background-position: 100% 50%;}
  100% {background-position: 0% 50%;}
}

/* Enhance box shadows for depth and glow */
.registration-section, .login-section, .info-section, .additional-info-section {
  box-shadow: 0 8px 30px rgba(255, 132, 0, 0.25), 0 2px 8px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 132, 0, 0.3);
  transition: box-shadow 0.3s ease, border-color 0.3s ease;
}

/* Hover glow effect on sections */
.registration-section:hover, .login-section:hover, .info-section:hover, .additional-info-section:hover {
  box-shadow: 0 12px 48px rgba(255, 132, 0, 0.6), 0 4px 14px rgba(0,0,0,0.7);
  border-color: #ff8400;
}

/* Neon glow heading styling */
h1, h3.section-title {
  text-shadow:
    0 0 5px #ff8400,
    0 0 10px #ff8400,
    0 0 20px #ff8400,
    0 0 30px #ff8400;
}

/* Smooth fade-in effect for page container on load */
.page-container {
  opacity: 0;
  animation: fadeIn 1.2s ease forwards;
}

@keyframes fadeIn {
  to {opacity: 1;}
}

/* Stylish buttons with hover pulse animation */
.btn-primary {
  position: relative;
  overflow: hidden;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}
.btn-primary::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 150%;
  height: 150%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.25) 10%, transparent 80%);
  transform: translate(-50%, -50%) scale(0);
  opacity: 0;
  transition: transform 0.4s ease, opacity 0.4s ease;
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
}
.btn-primary:hover {
  box-shadow: 0 0 15px #ffb347, 0 0 30px #ff8400;
}
.btn-primary:hover::before {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}

/* Responsive font size for paragraphs */
p {
  font-size: clamp(1rem, 1vw + 0.4rem, 1.1rem);
}

/* Link underline animation */
a.btn-primary {
  text-decoration: none;
  background-image: linear-gradient(120deg, #ff8400, #ffb347);
  background-repeat: no-repeat;
  background-size: 100% .2em;
  background-position: 0 100%;
  transition: background-size 0.3s ease;
}

a.btn-primary:hover {
  background-size: 100% 100%;
}

/* Add subtle letter spacing to all text */
body, p, a, h1, h3 {
  letter-spacing: 0.03em;
}/* End custom CSS */