/* Main stylesheet entry point. Import all CSS foundation files from here. */

@import url("./tokens.css");
@import url("./global.css");
@import url("./typography.css");
@import url("./layout.css");
@import url("./components.css");
@import url("./responsive.css");
/* ==========================================================
   PREPARATION FLOW
========================================================== */

.preparation-flow{
    background:#ffffff;
}

.preparation-flow__intro{
    max-width:760px;
    margin:1.5rem auto 4rem;
    text-align:center;
    font-size:1.1rem;
    line-height:1.8;
    color:#5b6472;
}

.preparation-flow__grid{

    display:grid;

    grid-template-columns:1fr auto 1fr;

    gap:3rem;

    align-items:center;

}

.flow-column{

    display:flex;

    flex-direction:column;

    gap:1rem;

}

.flow-column__title{

    margin-bottom:1rem;

    font-size:1.35rem;

    font-weight:700;

    color:#1f2937;

}

.flow-card{

    padding:18px 22px;

    background:#ffffff;

    border:1px solid #e7ebf0;

    border-radius:16px;

    box-shadow:0 10px 25px rgba(0,0,0,.05);

    transition:.35s ease;

}

.flow-card:hover{

    transform:translateY(-4px);

    box-shadow:0 18px 40px rgba(0,0,0,.08);

}

.flow-card--primary{

    border-left:5px solid var(--color-primary);

    background:#f8fbff;

}

.flow-arrow{

    font-size:3rem;

    font-weight:700;

    color:var(--color-primary);

    opacity:.7;

}

.preparation-flow__footer{

    margin-top:4rem;

    text-align:center;

}

.preparation-flow__footer p{

    font-size:1.3rem;

    margin-bottom:1.5rem;

    color:#111827;

}

.preparation-flow__footer strong{

    font-weight:700;

}

@media (max-width:900px){

    .preparation-flow__grid{

        grid-template-columns:1fr;

        gap:2rem;

    }

    .flow-arrow{

        transform:rotate(90deg);

        margin:auto;

    }

    .flow-column__title{

        text-align:center;

    }

}

/* =========================================================
   UPSC HERO
   ========================================================= */

.upsc-hero {
    padding: 96px 0 110px;
    background: #ffffff;
}

.upsc-hero__content {
    max-width: 900px;
}

.upsc-hero__eyebrow {
    display: inline-block;
    margin-bottom: 22px;
    padding: 9px 16px;
    border-radius: 999px;
    background: #eef4ff;
    color: #123568;
    font-size: 0.9rem;
    font-weight: 600;
}

.upsc-hero h1 {
    max-width: 850px;
    margin: 0 0 24px;
    color: #101828;
    font-size: clamp(2.8rem, 6vw, 5rem);
    line-height: 1.05;
    letter-spacing: -0.04em;
}

.upsc-hero h1 span {
    display: block;
    color: #f59e0b;
}

.upsc-hero__description {
    max-width: 720px;
    margin: 0 0 34px;
    color: #475467;
    font-size: 1.15rem;
    line-height: 1.75;
}

.upsc-hero__actions {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.upsc-hero__actions .btn {
    min-width: 170px;
    text-align: center;
}

/* =========================================================
   UPSC PREPARATION PATHS
   ========================================================= */

.upsc-paths {
    padding: 100px 0;
    background: #f8fafc;
}

.section-heading {
    max-width: 760px;
    margin: 0 auto 56px;
    text-align: center;
}

.section-heading__eyebrow {
    display: inline-block;
    margin-bottom: 16px;
    color: #123568;
    font-size: 0.9rem;
    font-weight: 700;
}

.section-heading__title {
    margin: 0 0 18px;
    color: #101828;
    font-size: clamp(2rem, 4vw, 3.2rem);
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.section-heading__description {
    margin: 0;
    color: #667085;
    font-size: 1.05rem;
    line-height: 1.7;
}

.upsc-paths__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.upsc-path-card {
    padding: 32px;
    background: #ffffff;
    border: 1px solid #e4e7ec;
    border-radius: 18px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.upsc-path-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(16, 24, 40, 0.08);
}

.upsc-path-card__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin-bottom: 28px;
    border-radius: 12px;
    background: #eef4ff;
    color: #123568;
    font-weight: 700;
}

.upsc-path-card h3 {
    margin: 0 0 14px;
    color: #101828;
    font-size: 1.35rem;
    line-height: 1.3;
}

.upsc-path-card p {
    margin: 0 0 24px;
    color: #667085;
    font-size: 1rem;
    line-height: 1.7;
}

.upsc-path-card__link {
    color: #123568;
    font-weight: 700;
    text-decoration: none;
}

.upsc-path-card__link:hover {
    text-decoration: underline;
}