/* RESET */
*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

html, body{
  width:100%;
  overflow-x:hidden;
}

/* BODY */
body{
  min-height:100vh;
  font-family:'Poppins', sans-serif;
  background: linear-gradient(120deg, #0f2027, #203a43, #2c5364);
  background-size:300% 300%;
  animation:bgMove 10s ease infinite;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:15px;
  color:#ffffff;
}

@keyframes bgMove{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}

/* PAGE WRAPPER */
.page-wrapper{
  width:100%;
  display:flex;
  justify-content:center;
}

/* MAIN BOX */
.main-box{
  background: rgba(255,255,255,0.18);
  backdrop-filter: blur(18px);
  border-radius:20px;
  padding:40px 30px;
  max-width:1000px;
  width:100%;
  box-shadow:0 25px 60px rgba(0,0,0,0.5);
}

/* BADGE */
.badge-maintain{
  display:inline-block;
  background: linear-gradient(45deg, #ffb703, #ffd166);
  color:#111827;
  padding:8px 22px;
  border-radius:30px;
  font-weight:700;
  font-size:14px;
  box-shadow:0 6px 18px rgba(255,183,3,0.4);
}

/* TEXT */
.text-section h1{
  margin-top:15px;
  font-weight:700;
  font-size:clamp(1.8rem, 4vw, 3rem);
}

.text-section h1 span{
  color:#ffd369;
}

.text-section p{
  margin-top:15px;
  font-size:clamp(0.95rem, 2.5vw, 1.1rem);
  color:#e5e7eb;
}

.text-section .thanks{
  font-weight:500;
  opacity:0.95;
}

/* IMAGE */
.hero-img{
  max-width:100%;
  height:auto;
  animation:float 4s ease-in-out infinite;
  filter: drop-shadow(0 15px 30px rgba(0,0,0,0.4));
}

@keyframes float{
  0%{transform:translateY(0)}
  50%{transform:translateY(-12px)}
  100%{transform:translateY(0)}
}

/* FOOTER */
footer{
  margin-top:25px;
  font-size:13px;
  text-align:center;
  color:#e5e7eb;
  opacity:0.8;
}

/* MOBILE FIX */
@media(max-width:768px){
  .main-box{
    padding:30px 20px;
    text-align:center;
  }
}



.contact-info{
  margin-top:12px;
  font-size:0.95rem;
  color:#e5e7eb;
}

.contact-info a{
  color:#ffd369;
  text-decoration:none;
  font-weight:500;
}

.contact-info a:hover{
  text-decoration:underline;
}