/* OHM Academy - zelfstandig aanmeldformulier */
.ohm-signup-shell {
    width: 100%;
    padding: 34px 18px 64px;
    box-sizing: border-box;
}
.ohm-signup-card {
    max-width: 1040px;
    margin: 0 auto;
    background: rgba(255,255,255,.98);
    border-radius: 18px;
    box-shadow: 0 18px 50px rgba(32, 59, 45, .14);
    overflow: hidden;
    color: #555;
}
.ohm-signup-intro {
    padding: 42px 46px 36px;
    background: linear-gradient(135deg, rgba(101,174,68,.12), rgba(103,190,226,.16));
    border-bottom: 1px solid rgba(90,120,100,.13);
}
.ohm-signup-kicker {
    display: inline-block;
    margin-bottom: 8px;
    color: #4d8e37;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    font-size: 13px;
}
.ohm-signup-intro h1 {
    margin: 0 0 14px;
    font-size: clamp(30px, 4vw, 46px);
    line-height: 1.08;
    color: #5f5f5f;
}
.ohm-signup-intro p {
    max-width: 820px;
    margin: 0;
    font-size: 17px;
    line-height: 1.7;
}
.ohm-signup-form {
    padding: 0 46px 46px;
}
.ohm-form-section {
    padding: 38px 0 34px;
    border-bottom: 1px solid #e5ebe7;
}
.ohm-final-section {
    border-bottom: 0;
    padding-bottom: 0;
}
.ohm-section-heading {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    margin-bottom: 26px;
}
.ohm-step {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #64ae45;
    color: #fff;
    font-weight: 700;
    box-shadow: 0 5px 14px rgba(100,174,69,.24);
}
.ohm-section-heading h2 {
    margin: 2px 0 4px;
    color: #626262;
    font-size: 25px;
    line-height: 1.2;
}
.ohm-section-heading p {
    margin: 0;
    font-size: 14px;
    color: #777;
}
.ohm-form-grid {
    display: grid;
    gap: 18px;
    margin-bottom: 18px;
}
.ohm-grid-2 {
    grid-template-columns: repeat(2, minmax(0,1fr));
}
.ohm-grid-postcode {
    grid-template-columns: minmax(150px,.7fr) minmax(220px,1.3fr);
}
.ohm-field {
    margin-bottom: 18px;
}
.ohm-form-grid .ohm-field {
    margin-bottom: 0;
}
.ohm-field label,
.ohm-search-label {
    display: block;
    margin-bottom: 8px;
    font-weight: 700;
    color: #5d5d5d;
    font-size: 14px;
}
.ohm-field input,
.ohm-course-tools input {
    width: 100%;
    min-height: 48px;
    padding: 11px 14px;
    border: 1px solid #cfd9d2;
    border-radius: 9px;
    background: #fff;
    color: #444;
    font: inherit;
    box-sizing: border-box;
    transition: border-color .18s ease, box-shadow .18s ease;
}
.ohm-field input:focus,
.ohm-course-tools input:focus {
    outline: none;
    border-color: #68bfe1;
    box-shadow: 0 0 0 4px rgba(104,191,225,.16);
}
.ohm-field input:user-invalid {
    border-color: #b94d4d;
}
.ohm-course-tools {
    max-width: 460px;
    margin: 0 0 24px 54px;
}
.ohm-course-group {
    margin: 0 0 28px 54px;
}
.ohm-course-group[hidden] {
    display: none !important;
}
.ohm-course-group h3 {
    margin: 0 0 12px;
    font-size: 18px;
    color: #5d5d5d;
}
.ohm-course-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 10px;
}
.ohm-course-option {
    position: relative;
    display: flex;
    gap: 11px;
    align-items: flex-start;
    padding: 13px 14px;
    border: 1px solid #dbe4de;
    border-radius: 10px;
    background: #fff;
    cursor: pointer;
    line-height: 1.35;
    transition: border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease;
}
.ohm-course-option:hover {
    border-color: #9dcf88;
    background: #fbfef9;
    box-shadow: 0 5px 14px rgba(64,105,70,.07);
}
.ohm-course-option:has(input:checked) {
    border-color: #65ae45;
    background: #f4fbf1;
}
.ohm-course-option[hidden] {
    display: none !important;
}
.ohm-course-option input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.ohm-course-check {
    flex: 0 0 21px;
    width: 21px;
    height: 21px;
    border: 2px solid #aebbb2;
    border-radius: 5px;
    background: #fff;
    box-sizing: border-box;
    margin-top: 1px;
    position: relative;
}
.ohm-course-option input:checked + .ohm-course-check {
    border-color: #65ae45;
    background: #65ae45;
}
.ohm-course-option input:checked + .ohm-course-check::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.ohm-course-label {
    color: #555;
    font-size: 14px;
}
.ohm-terms {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 18px;
    background: #f7faf8;
    border: 1px solid #dce6df;
    border-radius: 10px;
    margin: 0 0 24px 54px;
    cursor: pointer;
}
.ohm-terms input {
    margin-top: 4px;
    accent-color: #65ae45;
}
.ohm-terms a {
    color: #3f91b2;
    text-decoration: underline;
}
.ohm-submit {
    margin-left: 54px;
    min-width: 190px;
    min-height: 50px;
    border: 0;
    border-radius: 9px;
    padding: 12px 26px;
    background: #67bfe2;
    color: #fff;
    font: inherit;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(80,164,198,.2);
    transition: background .18s ease, transform .18s ease, box-shadow .18s ease;
}
.ohm-submit:hover {
    background: #55add0;
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(80,164,198,.26);
}
.ohm-submit:disabled {
    opacity: .65;
    cursor: wait;
    transform: none;
}
.ohm-submit-loader {
    display: none;
    width: 17px;
    height: 17px;
    margin-left: 9px;
    border: 2px solid rgba(255,255,255,.45);
    border-top-color: #fff;
    border-radius: 50%;
    vertical-align: -4px;
    animation: ohm-spin .75s linear infinite;
}
.ohm-submit.is-loading .ohm-submit-loader {
    display: inline-block;
}
@keyframes ohm-spin { to { transform: rotate(360deg); } }

.ohm-privacy-note {
    margin: 13px 0 0 54px;
    font-size: 12px;
    color: #858585;
}
.ohm-form-status {
    margin: 28px 46px 0;
    padding: 15px 18px;
    border-radius: 10px;
    font-weight: 600;
}
.ohm-form-status.is-success {
    background: #eef8e9;
    border: 1px solid #b9dca8;
    color: #3d7130;
}
.ohm-form-status.is-error {
    background: #fff1f1;
    border: 1px solid #e8b8b8;
    color: #9c3b3b;
}
.ohm-field-error {
    margin: 10px 0 0 54px;
    color: #a04444;
    font-weight: 700;
    font-size: 14px;
}
.ohm-hp {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}
.ohm-no-results {
    margin-left: 54px;
    color: #777;
    font-style: italic;
}

@media (max-width: 767px) {
    .ohm-signup-shell { padding: 18px 10px 40px; }
    .ohm-signup-card { border-radius: 12px; }
    .ohm-signup-intro { padding: 28px 22px 24px; }
    .ohm-signup-form { padding: 0 22px 30px; }
    .ohm-form-section { padding: 30px 0 27px; }
    .ohm-grid-2,
    .ohm-grid-postcode,
    .ohm-course-grid { grid-template-columns: 1fr; }
    .ohm-course-tools,
    .ohm-course-group,
    .ohm-terms,
    .ohm-submit,
    .ohm-privacy-note,
    .ohm-field-error,
    .ohm-no-results { margin-left: 0; }
    .ohm-section-heading { gap: 11px; }
    .ohm-step { flex-basis: 34px; width: 34px; height: 34px; }
    .ohm-form-status { margin: 20px 22px 0; }
    .ohm-submit { width: 100%; }
}

.ohm-availability-note {
    margin: -8px 0 24px 54px;
    padding: 10px 13px;
    max-width: 680px;
    border-left: 3px solid #67bfe2;
    background: #f5fbfd;
    color: #667;
    font-size: 13px;
    line-height: 1.5;
}
@media (max-width: 767px) {
    .ohm-availability-note { margin-left: 0; }
}