/* Growth Associate application — page-specific styles */

body.ga-apply-page .card{max-width:820px}

.ga-shell{min-height:100vh;display:flex;justify-content:center}
.ga-main{display:flex;flex-direction:column;padding:24px 6vw 60px;width:100%;max-width:960px}
.ga-card-wrap{flex:1;display:flex;justify-content:center;margin-top:18px}
.ga-card{width:100%}

.ga-intro{color:#4d5c54;font-size:14px;line-height:1.6;margin:0 0 12px}
.ga-intro-note{background:#f2f8f4;border:1px solid #dcece2;border-radius:12px;padding:12px 15px;margin-top:16px}

/* Progress bar */
.ga-progress{margin:26px 0 8px}
.ga-progress-track{height:6px;border-radius:999px;background:#e7ede9;overflow:hidden}
.ga-progress-fill{height:100%;background:#0f5132;width:0;transition:width .3s ease}
.ga-progress-steps{display:flex;justify-content:space-between;gap:6px;margin-top:10px;flex-wrap:wrap}
.ga-progress-step{font-size:10.5px;font-weight:800;color:#9aa79f;text-transform:uppercase;letter-spacing:.03em}
.ga-progress-step.active{color:#0f5132}

/* Step sections */
.ga-step{padding-top:18px}
.ga-step h2{font-size:17px;color:#123527;margin:0 0 16px}
.ga-step-nav{display:flex;justify-content:space-between;align-items:center;margin-top:22px;gap:10px}
.btn-secondary{background:#fff;color:#123527;border:1px solid #d4ddd7}
.btn-secondary:hover{background:#f4f7f5}

.ga-radio-row{display:flex;gap:22px;margin-top:6px}
.ga-works-fields,.ga-audience-fields{margin-top:14px;padding-top:14px;border-top:1px solid #eef2ef}

.ga-role-terms{margin:20px 0;padding:16px 18px;border:1px solid #e2e8e4;border-radius:14px;background:#fbfdfc}
.ga-role-terms h3{margin:0 0 10px;font-size:13px;color:#123527}
.ga-role-terms ul{margin:0;padding-left:18px;font-size:12.5px;line-height:1.7;color:#4d5c54}

.ga-ack-checkbox{margin:14px 0;align-items:flex-start}
.ga-review-note{font-size:13px;color:#5c6d64;margin-bottom:16px}

/* Confirmation screen */
.ga-confirm{text-align:center;padding:24px 8px}
.ga-confirm-icon{width:56px;height:56px;margin:0 auto 18px;border-radius:50%;background:#e7f8ee;color:#078348;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:900}
.ga-confirm h1{font-size:20px;margin:0 0 14px}
.ga-confirm p{color:#4d5c54;font-size:14px;line-height:1.6;margin:0 0 10px}
.ga-confirm-note{font-style:italic;color:#6b7a72}
.ga-confirm .btn{margin-top:16px}

@media(max-width:640px){
    .ga-progress-steps{display:none}
    .ga-radio-row{gap:16px}
}