/* =========================
   LEGACY & AUTHORIZATION
========================= */
.legacy-section {
    padding: 6.5rem 1.5rem;
    background: linear-gradient(180deg,
            var(--dark-gray),
            var(--black-color));
    color: var(--white-color);
}

/* Wrapper */
.legacy-wrapper {
    max-width: 1100px;
    margin: 0 auto;
}

/* Header */
.legacy-head {
    max-width: 700px;
    margin-bottom: 4rem;
}

.legacy-head h2 {
    font-size: clamp(2rem, 3vw, 2.6rem);
    margin-bottom: 0.6rem;
    color: var(--white-color);
}

.legacy-head p {
    opacity: 0.85;
}

/* Flow */
.legacy-flow {
    display: flex;
    gap: 3rem;
}

/* Step */
.legacy-step {
    flex: 1;
    padding-left: 2.5rem;
    position: relative;
}

.legacy-step-number {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--accent-color);
}

.legacy-step h4 {
    margin-bottom: 0.4rem;
    font-size: 1.15rem;
    color: var(--white-color);
}

.legacy-step p {
    font-size: 0.95rem;
    opacity: 0.85;
    max-width: 320px;
}

/* =========================
   RESPONSIVE
========================= */
@media (max-width: 900px) {

    .legacy-flow {
        flex-direction: column;
        gap: 2.5rem;
    }

}