/* ── SUCCESS PAGE ── */

.page-success {
    background: var(--bg);
    min-height: 100vh;
    display: flex; flex-direction: column;
}

/* Minimal header */
.success-header {
    padding: 32px 0;
    text-align: center;
}
.success-header a {
    display: inline-flex; align-items: center; gap: 10px;
    font-family: 'Inter', sans-serif;
    font-size: 17px; font-weight: 600;
    letter-spacing: -0.04em;
    color: var(--dark);
    text-decoration: none;
}
.success-header img {
    height: 26px; width: 26px;
    filter: brightness(0);
}

/* Card container */
.success-wrap {
    flex: 1;
    display: flex; align-items: center; justify-content: center;
    padding: 0 24px 80px;
}
.success-card {
    background: var(--white);
    border-radius: var(--radius-lg);
    max-width: 680px; width: 100%;
    padding: 64px 56px;
    text-align: center;
}

/* Checkmark animation */
.success-icon {
    width: 72px; height: 72px;
    border-radius: 50%;
    background: rgba(41,102,77,0.08);
    display: flex; align-items: center; justify-content: center;
    color: var(--green);
    margin: 0 auto 32px;
    animation: successPop 0.6s cubic-bezier(0.16,1,0.3,1) both;
}
@keyframes successPop {
    0% { opacity: 0; transform: scale(0.5); }
    100% { opacity: 1; transform: scale(1); }
}

.success-card h1 {
    font-family: 'Inter', sans-serif;
    font-size: 38px; font-weight: 500;
    letter-spacing: -1.6px; line-height: 46px;
    color: var(--dark); margin-bottom: 12px;
}
.success-card > p {
    font-family: 'Instrument Sans', sans-serif;
    font-size: 16px; color: var(--dark-70);
    line-height: 26px; letter-spacing: -0.01em;
    margin-bottom: 48px;
}

/* Timeline */
.success-timeline {
    text-align: left;
    margin-bottom: 48px;
    padding-left: 28px;
    position: relative;
}
.success-timeline::before {
    content: '';
    position: absolute; left: 6px; top: 8px; bottom: 8px;
    width: 2px;
    background: rgba(41,102,77,0.15);
}
.success-step {
    position: relative;
    padding-left: 28px;
    margin-bottom: 28px;
}
.success-step:last-child { margin-bottom: 0; }
.success-step::before {
    content: '';
    position: absolute; left: -22px; top: 8px;
    width: 10px; height: 10px;
    border-radius: 50%;
    background: var(--green);
}
.success-step-label {
    font-family: 'Inter', sans-serif;
    font-size: 16px; font-weight: 500;
    color: var(--dark);
    letter-spacing: -0.02em;
    margin-bottom: 4px;
}
.success-step p {
    font-family: 'Instrument Sans', sans-serif;
    font-size: 15px; color: var(--dark-70);
    line-height: 24px; letter-spacing: -0.01em;
}

/* Footer area */
.success-footer-text {
    font-family: 'Instrument Sans', sans-serif;
    font-size: 14px; color: var(--dark-50);
    line-height: 22px;
    margin-bottom: 24px;
}
.success-footer-text a {
    color: var(--green); text-decoration: underline;
}

/* ── RESPONSIVE ── */
@media (max-width: 680px) {
    .success-card { padding: 48px 24px; }
    .success-card h1 { font-size: 28px; line-height: 36px; }
}