/* AOM Traders V58.15 - Free EA Primary Form Layout
   Registration form becomes the primary content.
   Program information becomes a compact supporting column.
   Scoped only to .partner-page. */

/* ---------------------------------------------------------
   HERO: informational header only, not the dominant block
   --------------------------------------------------------- */
#main > .aom-page-back-wrap + .partner-page .partner-hero.section-first{
  min-height:0 !important;
  height:auto !important;
  padding-top:8px !important;
  padding-bottom:20px !important;
}

.partner-page .partner-hero-copy{
  max-width:760px !important;
}

.partner-page .partner-hero h1{
  max-width:680px !important;
  font-size:clamp(42px,3.65vw,56px) !important;
  line-height:1.01 !important;
  margin:10px 0 12px !important;
}

.partner-page .partner-hero .lead{
  max-width:720px !important;
  font-size:14px !important;
  line-height:1.58 !important;
}

.partner-page .partner-hero-actions{
  margin-top:16px !important;
  gap:12px !important;
}

/* ---------------------------------------------------------
   MAIN: form is primary, program explanation is secondary
   --------------------------------------------------------- */
.partner-page .partner-main-section{
  padding-top:18px !important;
  padding-bottom:48px !important;
}

.partner-page .partner-main-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1.62fr) minmax(340px,.68fr) !important;
  gap:18px !important;
  align-items:start !important;
}

/* HTML order stays intact; visual order changes only on desktop. */
.partner-page .partner-application-card{
  grid-column:1 !important;
  grid-row:1 !important;
  min-width:0 !important;
  width:100% !important;
}

.partner-page .partner-program-card{
  grid-column:2 !important;
  grid-row:1 !important;
  min-width:0 !important;
  width:100% !important;
}

/* ---------------------------------------------------------
   PRIMARY FORM
   --------------------------------------------------------- */
.partner-page .partner-application-card{
  padding:26px !important;
  border-color:rgba(39,215,242,.20) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.16) !important;
}

.partner-page .partner-form-head{
  max-width:760px !important;
}

.partner-page .partner-form-head h2{
  font-size:clamp(30px,2.4vw,40px) !important;
}

.partner-page .partner-form-head p{
  max-width:760px !important;
}

/* Slight visual emphasis on the final activation action. */
.partner-page .partner-submit-row .btn{
  min-height:46px !important;
  font-size:12px !important;
}

/* ---------------------------------------------------------
   SUPPORTING PROGRAM COLUMN
   --------------------------------------------------------- */
.partner-page .partner-program-card{
  padding:20px !important;
  border-color:rgba(39,215,242,.12) !important;
  background:rgba(6,22,32,.78) !important;
  box-shadow:none !important;
}

.partner-page .partner-program-head .tiny-label,
.partner-page .partner-program-head .eyebrow{
  font-size:9px !important;
}

.partner-page .partner-program-head h2{
  font-size:clamp(24px,2vw,30px) !important;
  margin:7px 0 8px !important;
}

.partner-page .partner-program-head p{
  font-size:11px !important;
  line-height:1.55 !important;
  margin-bottom:14px !important;
}

/* Keep the four explanation steps, but make them compact. */
.partner-page .partner-steps{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:8px !important;
  margin-top:12px !important;
}

.partner-page .partner-steps > *{
  min-height:112px !important;
  padding:13px !important;
  border-radius:13px !important;
}

.partner-page .partner-steps > * > span:first-child{
  font-size:28px !important;
  line-height:1 !important;
  margin-bottom:9px !important;
}

.partner-page .partner-steps h3{
  font-size:13px !important;
  line-height:1.2 !important;
  margin:4px 0 6px !important;
}

.partner-page .partner-steps p{
  font-size:9.5px !important;
  line-height:1.45 !important;
  margin:0 !important;
}

.partner-page .partner-exness-bottom{
  min-height:40px !important;
  margin-top:12px !important;
}

.partner-page .partner-program-card > p:last-child{
  font-size:8.5px !important;
  line-height:1.45 !important;
  margin:10px 0 0 !important;
}

/* ---------------------------------------------------------
   FOLLOWING SECTION
   --------------------------------------------------------- */
.partner-page .partner-ecosystem{
  padding-top:48px !important;
}

/* ---------------------------------------------------------
   TABLET / MOBILE
   Form remains first when the columns stack.
   --------------------------------------------------------- */
@media(max-width:1100px){
  .partner-page .partner-main-grid{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  .partner-page .partner-application-card{
    grid-column:1 !important;
    grid-row:1 !important;
  }

  .partner-page .partner-program-card{
    grid-column:1 !important;
    grid-row:2 !important;
  }

  .partner-page .partner-program-card{
    padding:20px !important;
  }

  .partner-page .partner-steps{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}

@media(max-width:760px){
  #main > .aom-page-back-wrap + .partner-page .partner-hero.section-first{
    padding-top:6px !important;
    padding-bottom:18px !important;
  }

  .partner-page .partner-hero h1{
    font-size:clamp(36px,10.5vw,48px) !important;
  }

  .partner-page .partner-main-section{
    padding-top:16px !important;
  }

  .partner-page .partner-application-card{
    padding:18px !important;
  }

  .partner-page .partner-program-card{
    padding:18px !important;
  }

  .partner-page .partner-steps{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:480px){
  .partner-page .partner-steps{
    grid-template-columns:1fr !important;
  }

  .partner-page .partner-steps > *{
    min-height:0 !important;
  }
}