/* =========================================
   BRAND VARIABLES
========================================= */

.td-creator-form-section,
.td-after-section,
.td-success-section,
.td-faq-section,
.td-final-creator-cta{

  --td-navy:#0A0A0A;
  --td-purple:#C8F933;
  --td-pink:#C8F933;
  --td-soft:#F8F8FC;
  --td-white:#FFFFFF;
  --td-green:#22C55E;

  font-family:Inter,Arial,sans-serif;

}

.td-creator-form-section *,
.td-after-section *,
.td-success-section *,
.td-faq-section *,
.td-final-creator-cta *{
  box-sizing:border-box;
}


/* =========================================
   FORM SECTION
========================================= */

.td-creator-form-section{
  background:#F8F8FC;
  padding:100px 20px;
}

.td-creator-form-container{
  max-width:1080px;
  margin:auto;
}

.td-creator-form-header{
  text-align:center;
  max-width:720px;
  margin:0 auto 50px;
}

.td-creator-eyebrow{
  display:inline-block;
  color:#0A0A0A;
  font-size:11px;
  font-weight:800;
  letter-spacing:2px;
  margin-bottom:15px;
}

.td-creator-form-header h2,
.td-after-header h2,
.td-success-header h2,
.td-faq-header h2{

  margin:0;

  font-family:Sora,Manrope,Inter,sans-serif;

  font-size:clamp(32px,4vw,48px);

  line-height:1.1;

  letter-spacing:-1.7px;

  font-weight:800;

  color:#0A0A0A;

}

.td-creator-form-header h2 span,
.td-after-header h2 span,
.td-success-header h2 span,
.td-faq-header h2 span{

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

  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;

}

.td-creator-form-header p{

  max-width:600px;

  margin:20px auto 0;

  color:#737887;

  font-size:15px;

  line-height:1.7;

}


/* =========================================
   FORM CARD
========================================= */

.td-creator-form-card{

  background:#FFFFFF;

  border:1px solid #E8E8F0;

  border-radius:24px;

  padding:42px;

  box-shadow:
    0 20px 60px rgba(10, 10, 10,.07);

}

.td-form-intro{

  display:flex;

  justify-content:space-between;

  align-items:center;

  padding-bottom:25px;

  margin-bottom:28px;

  border-bottom:1px solid #EEEEF4;

}

.td-form-label{

  display:block;

  font-size:10px;

  font-weight:800;

  letter-spacing:1.7px;

  color:#0A0A0A;

  margin-bottom:7px;

}

.td-form-intro h3{

  margin:0;

  font-family:Sora,Manrope,Inter,sans-serif;

  font-size:22px;

  color:#0A0A0A;

}

.td-form-badge{

  display:flex;

  align-items:center;

  gap:7px;

  padding:8px 12px;

  border-radius:30px;

  background:#F0FDF4;

  color:#16A34A;

  font-size:11px;

  font-weight:700;

}

.td-form-badge span{

  width:6px;

  height:6px;

  border-radius:50%;

  background:#22C55E;

}


/* =========================================
   FORM FIELDS
========================================= */

.td-form-grid{

  display:grid;

  grid-template-columns:1fr 1fr;

  gap:20px;

}

.td-form-field{

  display:flex;

  flex-direction:column;

  gap:8px;

}

.td-form-field label{

  color:#242938;

  font-size:12px;

  font-weight:750;

}

.td-form-field label small{

  color:#A0A4B2;

  font-size:10px;

  font-weight:500;

  margin-left:4px;

}

.td-form-field input,
.td-form-field select{

  width:100%;

  height:52px;

  padding:0 15px;

  border:1px solid #DFE0E8;

  border-radius:11px;

  background:#FFFFFF;

  color:#202534;

  font-family:Inter,Arial,sans-serif;

  font-size:13px;

  outline:none;

  transition:.2s ease;

}

.td-form-field input::placeholder{

  color:#A5A8B4;

}

.td-form-field input:focus,
.td-form-field select:focus{

  border-color:#0A0A0A;

  box-shadow:
    0 0 0 3px rgba(200, 249, 51,.09);

}


/* =========================================
   PREFERENCES
========================================= */

.td-preferences{

  margin-top:32px;

  padding-top:30px;

  border-top:1px solid #EEEEF4;

}

.td-preference-heading h4{

  margin:0;

  font-family:Sora,Manrope,Inter,sans-serif;

  color:#0A0A0A;

  font-size:16px;

}

.td-preference-grid{

  display:grid;

  grid-template-columns:1fr 1fr;

  gap:12px;

  margin-top:18px;

}

.td-preference{

  position:relative;

  display:flex;

  align-items:center;

  gap:13px;

  padding:16px;

  border:1px solid #E4E4EC;

  border-radius:12px;

  cursor:pointer;

  transition:.2s ease;

}

.td-preference:hover{

  border-color:#C8F933;

  background:#FBFAFF;

}

.td-preference input{

  position:absolute;

  opacity:0;

}

.td-check-icon{

  width:20px;

  height:20px;

  flex-shrink:0;

  display:flex;

  align-items:center;

  justify-content:center;

  border:1px solid #D4D5DF;

  border-radius:5px;

  color:transparent;

  font-size:12px;

  font-weight:800;

}

.td-preference input:checked + .td-check-icon{

  background:#C8F933;

  border-color:#0A0A0A;

  color:#0A0A0A;

}

.td-preference span:last-child{

  display:flex;

  flex-direction:column;

  gap:3px;

}

.td-preference strong{

  font-size:12px;

  color:#252A3A;

}

.td-preference small{

  font-size:10px;

  color:#8A8E9D;

}


/* =========================================
   CTA BUTTON
========================================= */

.td-creator-submit{

  width:100%;

  height:58px;

  margin-top:30px;

  border:0;

  border-radius:12px;

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

  color:#0A0A0A;

  font-size:13px;

  font-weight:800;

  letter-spacing:.5px;

  cursor:pointer;

  box-shadow:
    0 12px 30px rgba(200, 249, 51,.22);

  transition:.25s ease;

}

.td-creator-submit:hover{

  transform:translateY(-2px);

  box-shadow:
    0 17px 35px rgba(200, 249, 51,.28);

}

.td-creator-submit b{

  margin-left:10px;

  font-size:17px;

}


/* =========================================
   SECURITY
========================================= */

.td-form-security{

  display:flex;

  align-items:center;

  justify-content:center;

  gap:6px;

  margin-top:14px;

}

.td-form-security p{

  margin:0;

  color:#999CAA;

  font-size:10px;

}


/* =========================================
   AFTER APPLICATION
========================================= */

.td-after-section{

  background:#FFFFFF;

  padding:90px 20px;

  border-top:1px solid #EEEEF4;

  border-bottom:1px solid #EEEEF4;

}

.td-after-container{

  max-width:1100px;

  margin:auto;

}

.td-after-header{

  text-align:center;

  margin-bottom:55px;

}

.td-after-flow{

  display:flex;

  align-items:flex-start;

  justify-content:center;

}

.td-flow-item{

  width:170px;

  text-align:center;

}

.td-flow-number{

  width:54px;

  height:54px;

  margin:0 auto 15px;

  display:flex;

  align-items:center;

  justify-content:center;

  border-radius:50%;

  background:#F3FDD7;

  color:#0A0A0A;

  font-size:11px;

  font-weight:800;

  border:4px solid #FFFFFF;

  box-shadow:0 0 0 1px #E9FBB4;

}

.td-flow-final{

  background:linear-gradient(
    135deg,
    #C8F933,
    #C8F933
  );

  color:#0A0A0A;

  box-shadow:none;

}

.td-flow-item h3{

  margin:0 0 6px;

  font-family:Sora,Manrope,Inter,sans-serif;

  font-size:15px;

  color:#0A0A0A;

}

.td-flow-item p{

  margin:0;

  color:#858997;

  font-size:11px;

  line-height:1.5;

}

.td-flow-line{

  width:70px;

  height:2px;

  margin-top:27px;

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

  opacity:.35;

}


/* =========================================
   SUCCESS STORIES
========================================= */

.td-success-section{

  background:#F8F8FC;

  padding:100px 20px;

}

.td-success-container{

  max-width:1100px;

  margin:auto;

}

.td-success-header{

  text-align:center;

  max-width:650px;

  margin:0 auto 45px;

}

.td-success-header p{

  color:#7A7F8D;

  font-size:14px;

  margin:18px 0 0;

}

.td-success-grid{

  display:grid;

  grid-template-columns:repeat(3,1fr);

  gap:18px;

}

.td-success-card{

  position:relative;

  background:#FFFFFF;

  border:1px solid #E7E7EF;

  border-radius:20px;

  padding:27px;

  transition:.25s ease;

}

.td-success-card:hover{

  transform:translateY(-5px);

  box-shadow:
    0 18px 45px rgba(10, 10, 10,.07);

}

.td-success-profile{

  display:flex;

  align-items:center;

  gap:12px;

}

.td-success-avatar{

  width:45px;

  height:45px;

  display:flex;

  align-items:center;

  justify-content:center;

  border-radius:50%;

  background:
    linear-gradient(
      135deg,
      #C8F933,
      #C8F933
    );

  color:#0A0A0A;

  font-weight:800;

}

.td-success-profile strong{

  display:block;

  font-size:13px;

  color:#202534;

}

.td-success-profile small{

  display:block;

  margin-top:3px;

  font-size:10px;

  color:#9094A2;

}

.td-quote{

  margin-top:20px;

  font-family:Georgia,serif;

  font-size:42px;

  line-height:.6;

  color:#C8F933;

}

.td-success-card p{

  margin:13px 0 22px;

  color:#696E7D;

  font-size:13px;

  line-height:1.7;

}

.td-success-bottom{

  display:flex;

  flex-direction:column;

  gap:7px;

  padding-top:17px;

  border-top:1px solid #EEEEF4;

}

.td-success-bottom span{

  font-size:10px;

  color:#0A0A0A;

  font-weight:700;

}


/* =========================================
   FAQ
========================================= */

.td-faq-section{

  background:#FFFFFF;

  padding:90px 20px 100px;

}

.td-faq-container{

  max-width:850px;

  margin:auto;

}

.td-faq-header{

  text-align:center;

  margin-bottom:42px;

}

.td-faq-list{

  display:flex;

  flex-direction:column;

  gap:10px;

}

.td-faq-list details{

  background:#FFFFFF;

  border:1px solid #E5E5ED;

  border-radius:13px;

  overflow:hidden;

}

.td-faq-list summary{

  display:flex;

  justify-content:space-between;

  align-items:center;

  padding:19px 20px;

  cursor:pointer;

  list-style:none;

  color:#252A3A;

  font-size:13px;

  font-weight:700;

}

.td-faq-list summary::-webkit-details-marker{
  display:none;
}

.td-faq-list summary span{

  color:#0A0A0A;

  font-size:21px;

  font-weight:400;

  transition:.2s ease;

}

.td-faq-list details[open] summary span{

  transform:rotate(45deg);

}

.td-faq-list details p{

  margin:0;

  padding:0 20px 20px;

  color:#747987;

  font-size:12px;

  line-height:1.7;

}


/* =========================================
   FINAL CTA
========================================= */

.td-final-creator-cta{

  position:relative;

  overflow:hidden;

  background:#0A0A0A;

  padding:110px 20px;

  text-align:center;

}

.td-final-content{

  position:relative;

  z-index:2;

  max-width:750px;

  margin:auto;

}

.td-final-creator-cta .td-creator-eyebrow{

  color:#C8F933;

}

.td-final-creator-cta h2{

  margin:0;

  color:#FFFFFF;

  font-family:Sora,Manrope,Inter,sans-serif;

  font-size:clamp(34px,5vw,58px);

  line-height:1.1;

  letter-spacing:-2px;

}

.td-final-creator-cta h2 span{

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

  -webkit-background-clip:text;

  background-clip:text;

  -webkit-text-fill-color:transparent;

}

.td-final-creator-cta p{

  max-width:540px;

  margin:22px auto 30px;

  color:#B9BDCA;

  font-size:14px;

  line-height:1.7;

}

.td-final-button{

  display:inline-flex;

  align-items:center;

  gap:13px;

  min-height:54px;

  padding:0 27px;

  border-radius:11px;

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

  color:#0A0A0A;

  text-decoration:none;

  font-size:12px;

  font-weight:800;

  letter-spacing:.5px;

  transition:.25s ease;

  box-shadow:
    0 15px 35px rgba(200, 249, 51,.25);

}

.td-final-button:hover{

  transform:translateY(-3px);

}

.td-final-button span{

  font-size:17px;

}

.td-final-glow{

  position:absolute;

  width:450px;

  height:450px;

  border-radius:50%;

  filter:blur(100px);

  opacity:.12;

  pointer-events:none;

}

.td-glow-one{

  background:#C8F933;

  top:-260px;

  left:-120px;

}

.td-glow-two{

  background:#C8F933;

  bottom:-270px;

  right:-120px;

}


/* =========================================
   MOBILE
========================================= */

@media(max-width:850px){

  .td-form-grid{
    grid-template-columns:1fr;
  }

  .td-success-grid{
    grid-template-columns:1fr 1fr;
  }

  .td-after-flow{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:35px 15px;
  }

  .td-flow-line{
    display:none;
  }

  .td-flow-item{
    width:auto;
  }

}


@media(max-width:600px){

  .td-creator-form-section{
    padding:70px 15px;
  }

  .td-creator-form-card{
    padding:22px 17px;
    border-radius:18px;
  }

  .td-form-intro{
    align-items:flex-start;
    gap:15px;
  }

  .td-form-badge{
    font-size:9px;
  }

  .td-form-intro h3{
    font-size:19px;
  }

  .td-preference-grid{
    grid-template-columns:1fr;
  }

  .td-creator-submit{
    font-size:11px;
  }

  .td-after-section{
    padding:70px 15px;
  }

  .td-after-flow{
    grid-template-columns:1fr;
  }

  .td-success-section{
    padding:70px 15px;
  }

  .td-success-grid{
    grid-template-columns:1fr;
  }

  .td-faq-section{
    padding:70px 15px 80px;
  }

  .td-final-creator-cta{
    padding:80px 18px;
  }

  .td-final-creator-cta h2{
    letter-spacing:-1px;
  }

  .td-final-button{
    width:100%;
    max-width:320px;
    justify-content:center;
  }

}

/* Google sign-up card (replaces the WordPress application form) */
.td-creator-signup-card {
  max-width: 520px;
  margin: 0 auto;
  text-align: center;
}

.td-signup-badge {
  display: inline-block;
  color: #0A0A0A;
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1.6px;
}

.td-creator-signup-card h3 {
  margin: 10px 0 10px;
  color: #0A0A0A;
  font-family: "Sora", sans-serif;
  font-size: 26px;
  font-weight: 800;
  letter-spacing: -0.8px;
}

.td-signup-text {
  margin: 0 auto 26px;
  max-width: 400px;
  color: #707070;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1.7;
}

.td-signup-google .btn-google {
  min-height: 54px;
  font-size: 15px;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(10, 10, 10, 0.06);
}

.td-signup-email {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  border-radius: 12px;
  background: linear-gradient(100deg, #C8F933, #C8F933);
  color: #0A0A0A !important;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none !important;
  box-shadow: 0 12px 30px rgba(200, 249, 51, 0.2);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.td-signup-email:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 40px rgba(200, 249, 51, 0.28);
}

.td-signup-main {
  display: flex;
  justify-content: center;
}

.td-signup-login {
  margin: 18px 0 0;
  color: #707070;
  font-family: "Inter", sans-serif;
  font-size: 13px;
}

.td-signup-login a {
  color: #0A0A0A;
  font-weight: 700;
}

.td-creator-signup-card .td-form-security {
  justify-content: center;
  margin-top: 22px;
}