/*==================================================
NOBO SERVICES V2
Premium Design System
==================================================*/

/*==================================================
ENVIRONMENT
==================================================*/

/*==================================================
CONTENT LAYER
==================================================*/

/*==================================================
HERO
==================================================*/

.hero-paper{
    min-height:100vh;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
}

.hero-paper h1{
    font-size:clamp(3rem,6vw,5.5rem);
    line-height:1.05;
    margin:1rem 0 2rem;
    color:#0f2f57;
}

.hero-paper p{
    max-width:700px;
    font-size:1.15rem;
    line-height:1.9;
    color:#5c6b7b;
}



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

.btn-primary{
    display:inline-block;
    margin-top:24px;
}

/*==================================================
RESPONSIVE
==================================================*/

@media (max-width:900px){
    .hero-paper{
        min-height:70vh;
        margin-top: 70px;
    }
}





/* =========================
   LEARNER REGISTRATION PAGE
========================= */


/* --------------------------------
   REGISTRATION FORM PRESENCE
--------------------------------- */
.registration-form {
    margin-top: 10px;
}

/* Give long form a little more breathing room */
.registration-form .form-group {
    position: relative;
}

.registration-form h3 {
    margin-top: 20px;
}

.registration-form h3:first-of-type {
    margin-top: 0;
}

/* --------------------------------
   FORM NOTICE EMPHASIS
--------------------------------- */
.registration-form .form-notice {
    margin-top: 6px;
    margin-bottom: 28px;
}

/* --------------------------------
   NEXT STEPS BLOCK
--------------------------------- */
.next-steps {
    max-width: 760px;
    margin-top: 34px;
    border-top: 4px solid var(--gold-accent);
}

.next-steps h3 {
    font-size: 1.15rem;
}

.next-steps ol {
    margin-top: 6px;
}

.next-steps li::marker {
    color: var(--blue-accent);
    font-weight: 700;
}

/* --------------------------------
   DECLARATION AREA
--------------------------------- */
.checkbox-group {
    margin-top: 10px;
    margin-bottom: 22px;
}

/* --------------------------------
   CTA BUTTON
--------------------------------- */
.registration-form .cta-button {
    min-width: 220px;
}

/* --------------------------------
   RESPONSIVE
--------------------------------- */
@media (max-width: 768px) {
    .registration-form .cta-button {
        width: 100%;
        min-width: 0;
    }

    .next-steps {
        margin-top: 28px;
    }
}

/* --------------------------------
   NEXT STEPS BLOCK
--------------------------------- */
.next-steps {
    max-width: 760px;
    margin-top: 34px;
    border-top: 4px solid var(--gold-accent);
}

.next-steps h3 {
    font-size: 1.15rem;
}

.next-steps ol {
    margin-top: 6px;
}

.next-steps li::marker {
    color: var(--blue-accent);
    font-weight: 700;
}

/* --------------------------------
   RESPONSIVE
--------------------------------- */
@media (max-width: 768px) {
    .registration-form .cta-button {
        width: 100%;
        min-width: 0;
    }

    .next-steps {
        margin-top: 28px;
    }
}