/* Secure Your Journey Page Styles - Scoped to #page-content */

/* CSS Variables */
#page-content {
    --radius: 18px;
}

#page-content .heading {
    font-family: Poppins, Cabin, system-ui, sans-serif;
}

#page-content .card {
    border: 1px solid #e3e7ee;
    border-radius: var(--radius);
}

#page-content .mut {
    color: #6a6f76;
}

#page-content .pill {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    border: 1px solid #e3e7ee;
    padding: .35rem .7rem;
    border-radius: 999px;
    font-size: .9rem;
}
#page-content .intern-link-button {
    display: block;
    padding: 14px 40px;
    align-items: center;
    justify-content: center;
    width: fit-content;
    border: 2px solid rgba(0, 0, 0, .35);
    border-radius: 40px;
    color: #0b0f17;
    font-weight: 700;
    font-size: 16px;
    background: linear-gradient(180deg, #fff, #f7faf9);
    box-shadow: 0 3px 8px rgba(0, 0, 0, .08);
    margin:  auto;
    text-decoration: none;
    transition: transform .15s ease, box-shadow .2s ease, border-color .2s ease;
}

#page-content .intern-link-button:hover {
    transform: translateY(0px);
    border-color: rgba(11, 138, 0, .35);
    box-shadow: 0 10px 22px rgba(11, 138, 0, .12);
}