.enrollment-page { padding-bottom:var(--space-3xl); }

.enrollment-page__hero {
    padding:clamp(3rem,6vw,5.5rem) 0 var(--space-xl);
    background:
        radial-gradient(circle at 90% 10%,rgba(77,181,247,.12),transparent 28rem),
        linear-gradient(180deg,rgba(234,248,255,.72),rgba(255,255,255,0));
}
.enrollment-page__breadcrumbs {
    display:flex; flex-wrap:wrap; gap:.55rem;
    margin-bottom:var(--space-xl);
    color:var(--color-text-light); font-size:.92rem;
}
.enrollment-page__breadcrumbs a { color:var(--color-primary-strong); }
.enrollment-page__title {
    max-width:1000px; margin:.45rem 0 0;
    color:var(--color-text);
    font-size:clamp(2.6rem,5.5vw,5rem);
    line-height:1.02; letter-spacing:-.045em;
}
.enrollment-page__content { padding-top:var(--space-xl); }
.enrollment-page__article { max-width:920px; }
.enrollment-page__article p {
    margin:0 0 1.35em; color:var(--color-text);
    font-size:clamp(1.08rem,1.25vw,1.22rem); line-height:1.75;
}
.enrollment-page__notice {
    margin-top:var(--space-xl)!important;
    padding:var(--space-lg) var(--space-xl);
    border-left:4px solid var(--color-primary-strong);
    border-radius:0 var(--radius-lg) var(--radius-lg) 0;
    background:rgba(234,248,255,.62);
}
.enrollment-page__actions {
    display:flex; flex-wrap:wrap; gap:.8rem;
    margin-top:var(--space-lg);
}
.enrollment-page__cta {
    display:inline-flex; align-items:center; justify-content:center; gap:.55rem;
    min-height:48px; padding:.8rem 1.35rem;
    border-radius:999px;
    font-weight:700; line-height:1.2; text-decoration:none;
    transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease;
}
.enrollment-page__cta::after { content:"→"; font-size:1.05em; transition:transform .18s ease; }
.enrollment-page__cta:hover { transform:translateY(-1px); }
.enrollment-page__cta:hover::after { transform:translateX(3px); }
.enrollment-page__cta--primary {
    color:var(--color-text); background:#69c2f6;
    border:1px solid rgba(77,181,247,.42);
    box-shadow:0 8px 20px rgba(77,181,247,.16);
}
.enrollment-page__cta--primary:hover {
    background:#55b8f3; box-shadow:0 10px 24px rgba(77,181,247,.22);
}
.enrollment-page__cta--secondary {
    color:var(--color-text);
    background:#fff;
    border:2px solid #69c2f6;
}
.enrollment-page__cta--secondary:hover { background:rgba(234,248,255,.7); }
.enrollment-page__cta:focus-visible {
    outline:3px solid var(--color-primary-strong);
    outline-offset:3px;
}

html.accessibility-mode .enrollment-page__hero {
    background:linear-gradient(180deg,#f0f0f0,#fff);
}
html.accessibility-mode .enrollment-page__article p {
    font-size:1.3rem!important; line-height:1.8!important;
}
html.accessibility-mode .enrollment-page__notice {
    border-color:#000; background:#eee;
}
html.accessibility-mode .enrollment-page__cta {
    color:#fff!important; background:#000!important;
    border:2px solid #000!important; box-shadow:none!important;
    text-decoration:none!important;
}
html.accessibility-mode .enrollment-page__cta--secondary {
    color:#000!important; background:#fff!important;
}

@media(max-width:767.98px){
    .enrollment-page__hero{padding-top:var(--space-2xl);}
    .enrollment-page__title{font-size:clamp(2.35rem,12vw,3.5rem);}
    .enrollment-page__article p{font-size:1.05rem;line-height:1.7;}
    .enrollment-page__notice{padding:var(--space-lg);}
    .enrollment-page__actions{flex-direction:column;align-items:stretch;}
    .enrollment-page__cta{width:100%;}
}


.enrollment-page__steps {
    max-width: 920px;
    margin: var(--space-xl) 0;
    padding: 0;
    list-style: none;
    counter-reset: enrollment-step;
}

.enrollment-page__steps li {
    position: relative;
    counter-increment: enrollment-step;
    margin: 0 0 1rem;
    padding: 1.15rem 1.25rem 1.15rem 4.5rem;
    border: 1px solid rgba(77, 181, 247, .24);
    border-radius: var(--radius-lg);
    background: rgba(255, 255, 255, .82);
}

.enrollment-page__steps li::before {
    content: counter(enrollment-step);
    position: absolute;
    left: 1.15rem;
    top: 1.05rem;
    width: 2.35rem;
    height: 2.35rem;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: var(--color-text);
    background: #a9dcf8;
    font-weight: 800;
}

.enrollment-page__steps strong {
    display: block;
    margin-bottom: .25rem;
    color: var(--color-text);
    font-size: 1.08rem;
}

.enrollment-page__steps span {
    display: block;
    color: var(--color-text-light);
    font-size: 1rem;
    line-height: 1.6;
}

.enrollment-page__legal {
    margin-top: var(--space-lg);
    padding-top: var(--space-lg);
    border-top: 1px solid rgba(77, 181, 247, .22);
}

.enrollment-page__legal p {
    margin-bottom: .45rem;
    color: var(--color-text-light);
    font-size: .95rem;
    line-height: 1.6;
}

.enrollment-page__legal-link {
    color: var(--color-primary-strong);
    font-weight: 700;
    text-underline-offset: .18em;
}

html.accessibility-mode .enrollment-page__steps li {
    border: 2px solid #777;
    background: #fff;
}

html.accessibility-mode .enrollment-page__steps li::before {
    color: #fff;
    background: #000;
}

html.accessibility-mode .enrollment-page__steps strong {
    font-size: 1.22rem;
}

html.accessibility-mode .enrollment-page__steps span {
    color: #111;
    font-size: 1.18rem;
    line-height: 1.72;
}

html.accessibility-mode .enrollment-page__legal {
    border-color: #777;
}

html.accessibility-mode .enrollment-page__legal p {
    color: #111;
    font-size: 1.08rem !important;
}

@media (max-width: 575.98px) {
    .enrollment-page__steps li {
        padding: 1rem 1rem 1rem 3.85rem;
    }

    .enrollment-page__steps li::before {
        left: .9rem;
        width: 2.15rem;
        height: 2.15rem;
    }
}