/* RESET */

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

/* ROOT */

:root{

  /* Summer camp inspired palette */
  --spx9-bg:linear-gradient(180deg,#fff7e6 0%, #f7fbff 55%, #fff3d6 100%);

  --spx9-primary:#f1b84a;

  --spx9-secondary:#ffdf8a;

  --spx9-text:#1e1e1e;

  --spx9-light:#5d5d5d;

  --spx9-border:#efe2c8;

}

/* HTML */

html{
  scroll-behavior:smooth;
}

/* BODY */

.spx9-body-main-unique{

  font-family:'Poppins',sans-serif;

  background:var(--spx9-bg);

  overflow-x:hidden;

  color:var(--spx9-text);

}

/* MAIN */

.spx9-main-page-wrapper-unique{

  width:100%;

  min-height:100vh;

  position:relative;

}

/* GLOW ONE */

.spx9-background-glow-one-unique{

  position:absolute;

  width:30vw;

  height:30vw;

  /* warm summer glow */
  background:rgba(255,170,60,0.35);


  border-radius:50%;

  filter:blur(130px);

  top:-5%;

  left:-8%;

  animation:spx9GlowOneAnimation 10s infinite ease-in-out;

}

/* GLOW TWO */

.spx9-background-glow-two-unique{

  position:absolute;

  width:24vw;

  height:24vw;

  /* airy sky + sunshine glow */
  background:rgba(255,210,90,0.26);


  border-radius:50%;

  filter:blur(120px);

  bottom:0;

  right:-5%;

  animation:spx9GlowTwoAnimation 10s infinite ease-in-out;

}

/* ANIMATIONS */

@keyframes spx9GlowOneAnimation{

  0%{
    transform:translateY(0px);
  }

  50%{
    transform:translateY(35px);
  }

  100%{
    transform:translateY(0px);
  }

}

@keyframes spx9GlowTwoAnimation{

  0%{
    transform:translateY(0px);
  }

  50%{
    transform:translateY(-35px);
  }

  100%{
    transform:translateY(0px);
  }

}

/* BANNER SECTION */

.spx9-banner-section-unique{

  width:100%;

  display:flex;

  justify-content:center;

  align-items:center;

  overflow:hidden;

}

/* BANNER IMAGE */

.spx9-banner-image-unique{

  width:100vw;

  height:36.45vw;

  max-height:72vh;

  min-height:280px;

  object-fit:cover;

  animation:spx9BannerRevealAnimation 1.2s ease;

}

/* BANNER ANIMATION */

@keyframes spx9BannerRevealAnimation{

  from{

    opacity:0;

    transform:scale(1.04);

  }

  to{

    opacity:1;

    transform:scale(1);

  }

}

/* TEXT SECTION */

.spx9-text-section-unique{

  width:100%;

  display:flex;

  flex-direction:column;

  justify-content:center;

  align-items:center;

  text-align:center;

  padding:7vh 5vw 5vh;

  animation:spx9TextFadeAnimation 1.3s ease;

}

/* TEXT ANIMATION */

@keyframes spx9TextFadeAnimation{

  from{

    opacity:0;

    transform:translateY(50px);

  }

  to{

    opacity:1;

    transform:translateY(0px);

  }

}

/* MINI TEXT */

.spx9-mini-text-unique{

  color:#b69346;

  font-size:0.95rem;

  font-weight:600;

  letter-spacing:1px;

  margin-bottom:1.6vh;

}

/* MAIN HEADING */

.spx9-main-heading-unique{

  font-size:clamp(2.3rem,5vw,5.2rem);

  line-height:1.15;

  font-weight:900;

  letter-spacing:0.2px;

  /* paint-brush style heading */
  background:linear-gradient(90deg,#ffb74a 0%, #ff6f61 35%, #7b61ff 100%);

  -webkit-background-clip:text;

  background-clip:text;

  color:transparent;

  text-shadow:0 10px 30px rgba(255,160,60,0.18);

  position:relative;

}

/* Paint-brush highlight behind the heading */
.spx9-main-heading-unique::before{

  content:'';

  position:absolute;

  left:50%;

  transform:translateX(-50%);

  top:50%;

  translate:0 -50%;

  width:clamp(220px,48vw,620px);

  height:clamp(70px,8vw,110px);

  background:
    radial-gradient(140px 60px at 18% 55%, rgba(255,204,102,0.75) 0%, rgba(255,204,102,0) 70%),
    radial-gradient(160px 70px at 52% 50%, rgba(255,147,91,0.42) 0%, rgba(255,147,91,0) 75%),
    radial-gradient(180px 80px at 86% 55%, rgba(120,210,255,0.30) 0%, rgba(120,210,255,0) 70%);


  filter:blur(0.5px);

  opacity:0.85;

  z-index:-1;

  border-radius:28px;

  pointer-events:none;

  /* wavy brush edge */
  clip-path:polygon(0% 65%, 4% 52%, 10% 60%, 16% 45%, 22% 58%, 28% 44%, 34% 60%, 40% 48%, 46% 62%, 52% 46%, 58% 64%, 64% 49%, 70% 66%, 76% 50%, 82% 67%, 88% 52%, 94% 60%, 100% 55%, 100% 100%, 0% 100%);

}

/* Soft brush underline (kept) */
.spx9-main-heading-unique::after{

  content:'';

  position:absolute;

  left:50%;

  transform:translateX(-50%);

  bottom:-10px;

  width:clamp(190px,40vw,520px);

  height:18px;

  background:linear-gradient(90deg, rgba(255,223,138,0.0) 0%, rgba(255,223,138,0.65) 15%, rgba(255,111,97,0.55) 55%, rgba(255,223,138,0.0) 100%);

  filter:blur(0.2px);

  border-radius:999px;

  opacity:0.95;

  z-index:-1;

  pointer-events:none;

  clip-path:polygon(0% 55%, 5% 45%, 10% 58%, 15% 43%, 20% 62%, 25% 44%, 30% 60%, 35% 47%, 40% 63%, 45% 46%, 50% 64%, 55% 48%, 60% 62%, 65% 45%, 70% 60%, 75% 47%, 80% 63%, 85% 45%, 90% 60%, 95% 48%, 100% 55%, 100% 100%, 0% 100%);

}


/* DESCRIPTION */

.spx9-main-description-unique{

  margin-top:2.5vh;

  max-width:850px;

  /* more colorful & premium look */
  background:linear-gradient(90deg, rgba(255,180,70,0.20) 0%, rgba(123,97,255,0.12) 45%, rgba(70,190,255,0.12) 100%);

  border:1px solid rgba(255,255,255,0.55);

  padding:1.1rem 1.35rem;

  border-radius:22px;

  color:#3f3f3f;

  line-height:1.85;

  font-size:clamp(1rem,1.1vw,1.2rem);

  box-shadow:0 18px 45px rgba(255,170,60,0.10);

}

/* FORM SECTION */

.spx9-form-main-section-unique{

  width:100%;

  display:flex;

  justify-content:center;

  padding:1vh 4vw 8vh;

  position:relative;

  z-index:5;

}

/* CARD */

.spx9-form-card-wrapper-unique{

  width:min(1000px,100%);

  /* Summer camp glass card */
  background:
    linear-gradient(135deg, rgba(255,223,138,0.55) 0%, rgba(255,255,255,0.78) 45%, rgba(173,216,230,0.30) 100%);

  backdrop-filter:blur(18px);

  border:1px solid rgba(255,255,255,0.7);

  border-radius:35px;

  padding:5vh 4vw;

  box-shadow:
  0 18px 55px rgba(0,0,0,0.08),
  inset 0 1px 1px rgba(255,255,255,0.85);

  animation:spx9CardRevealAnimation 1.2s ease;

}

/* CARD ANIMATION */

@keyframes spx9CardRevealAnimation{

  from{

    opacity:0;

    transform:translateY(60px);

  }

  to{

    opacity:1;

    transform:translateY(0px);

  }

}

/* GOLD LINE */

.spx9-top-golden-line-unique{

  width:120px;

  height:5px;

  background:
  linear-gradient(
    90deg,
    #d4b15a,
    #f2d88d
  );

  border-radius:999px;

  margin:auto;

  margin-bottom:3vh;

}

/* FORM HEADING */

.spx9-form-heading-wrapper-unique{

  text-align:center;

  margin-bottom:4vh;

}

/* MAIN FORM HEADING */

.spx9-form-main-heading-unique{

  font-size:clamp(2rem,3vw,3.4rem);

  font-weight:800;

  color:#0f172a;

  letter-spacing:0.2px;

  text-shadow:0 10px 25px rgba(0,0,0,0.10);

}

/* SUBHEADING */

.spx9-form-subheading-unique{

  margin-top:1vh;

  color:var(--spx9-light);

}

/* FORM */

.spx9-main-form-unique{

  width:100%;

}

/* GRID */

.spx9-form-grid-layout-unique{

  display:grid;

  grid-template-columns:1fr 1fr;

  gap:2.5vh 2vw;

}

/* COMMON GROUP */

.spx9-input-group-student-name-unique,
.spx9-input-group-age-unique,
.spx9-input-group-father-name-unique,
.spx9-input-group-father-occupation-unique,
.spx9-input-group-father-contact-unique,
.spx9-input-group-mother-name-unique,
.spx9-input-group-mother-occupation-unique,
.spx9-input-group-mother-contact-unique{

  display:flex;

  flex-direction:column;

}

/* ADDRESS GROUP */

.spx9-input-group-address-unique{

  display:flex;

  flex-direction:column;

  grid-column:1/-1;

}

/* LABELS */

.spx9-label-student-name-unique,
.spx9-label-age-unique,
.spx9-label-father-name-unique,
.spx9-label-father-occupation-unique,
.spx9-label-father-contact-unique,
.spx9-label-mother-name-unique,
.spx9-label-mother-occupation-unique,
.spx9-label-mother-contact-unique,
.spx9-label-address-unique{

  margin-bottom:1vh;

  font-size:0.95rem;

  font-weight:600;

}

/* INPUTS */

.spx9-input-student-name-unique,
.spx9-input-age-unique,
.spx9-input-father-name-unique,
.spx9-input-father-occupation-unique,
.spx9-input-father-contact-unique,
.spx9-input-mother-name-unique,
.spx9-input-mother-occupation-unique,
.spx9-input-mother-contact-unique{

  width:100%;

  border:1px solid var(--spx9-border);

  background:rgba(255,255,255,0.82);

  padding:1rem 1rem;

  border-radius:18px;

  font-size:0.96rem;

  outline:none;

  transition:0.35s ease;

}

/* INPUT HOVER */

.spx9-input-student-name-unique:hover,
.spx9-input-age-unique:hover,
.spx9-input-father-name-unique:hover,
.spx9-input-father-occupation-unique:hover,
.spx9-input-father-contact-unique:hover,
.spx9-input-mother-name-unique:hover,
.spx9-input-mother-occupation-unique:hover,
.spx9-input-mother-contact-unique:hover{

  transform:translateY(-2px);

}

/* INPUT FOCUS */

.spx9-input-student-name-unique:focus,
.spx9-input-age-unique:focus,
.spx9-input-father-name-unique:focus,
.spx9-input-father-occupation-unique:focus,
.spx9-input-father-contact-unique:focus,
.spx9-input-mother-name-unique:focus,
.spx9-input-mother-occupation-unique:focus,
.spx9-input-mother-contact-unique:focus{

  border-color:#d4b15a;

  box-shadow:
  0 0 0 5px rgba(212,177,90,0.14);

  transform:translateY(-3px);

}

/* TEXTAREA */

.spx9-textarea-address-unique{

  width:100%;

  min-height:160px;

  border:1px solid var(--spx9-border);

  background:rgba(255,255,255,0.82);

  padding:1rem;

  border-radius:18px;

  resize:none;

  outline:none;

  font-size:0.96rem;

  transition:0.35s ease;

  font-family:'Poppins',sans-serif;

}

/* TEXTAREA FOCUS */

.spx9-textarea-address-unique:focus{

  border-color:#d4b15a;

  box-shadow:
  0 0 0 5px rgba(212,177,90,0.14);

}

/* BUTTON */

.spx9-submit-button-unique{

  margin-top:4vh;

  width:100%;

  border:none;

  outline:none;

  /* highlight CTA */
  background:
  linear-gradient(
    135deg,
    #ffb74a,
    #ff7a59,
    #7b61ff
  );

  color:#0b1220;

  padding:1.2rem;

  border-radius:20px;

  font-size:1rem;

  font-weight:900;

  cursor:pointer;

  position:relative;

  overflow:hidden;

  transition:0.4s ease;

  box-shadow:
  0 18px 55px rgba(123,97,255,0.22),
  0 14px 40px rgba(255,122,89,0.18),
  inset 0 1px 0 rgba(255,255,255,0.55);

}

/* BUTTON SHINE */

.spx9-submit-button-unique::before{

  content:'';

  position:absolute;

  top:0;
  left:-120%;

  width:100%;
  height:100%;

  background:
  linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,0.4),
    transparent
  );

  transition:0.8s ease;

}

/* BUTTON HOVER */

.spx9-submit-button-unique:hover::before{

  left:120%;

}

.spx9-submit-button-unique:hover{

  transform:translateY(-5px);

}

/* SUCCESS */

.spx9-success-message-unique{

  margin-top:2vh;

  text-align:center;

  color:#2e7d32;

  font-weight:600;

  opacity:0;

  transform:translateY(10px);

  transition:0.4s ease;

}

/* SHOW SUCCESS */

.spx9-success-message-unique.spx9-show-success-class-unique{

  opacity:1;

  transform:translateY(0px);

}

/* RESPONSIVE */

@media(max-width:900px){

  .spx9-form-grid-layout-unique{

    grid-template-columns:1fr;

  }

  .spx9-banner-image-unique{

    height:55vw;

  }

}

@media(max-width:650px){

  .spx9-banner-image-unique{

    height:75vw;

  }

  .spx9-form-card-wrapper-unique{

    padding:4vh 6vw;

  }

}