/* =========================
BOTTOM SECTION
========================= */

.bottom-section{
    display:grid;
    grid-template-columns: 1fr 1.2fr;
    gap:20px;
    padding:0 40px 40px;
}

.timeline-card,
.skills-card{
    background:rgba(255,255,255,0.02);
    border:1px solid rgba(255,255,255,0.05);
    border-radius:16px;
    padding:24px;
}

.timeline-card h2,
.skills-card h2{
    font-size:18px;
    margin-bottom:24px;
}

.timeline-item{
    display:flex;
    gap:16px;
    margin-bottom:24px;
}

.timeline-dot{
    width:10px;
    height:10px;
    border-radius:50%;
    background:var(--accent);
    margin-top:6px;
    flex-shrink:0;
}

.year{
    color:var(--accent);
    font-size:12px;
    font-weight:600;
}

.timeline-content h4{
    font-size:14px;
    margin-top:4px;
}

.timeline-content p{
    color:#94a3b8;
    font-size:12px;
    margin-top:4px;
    line-height:1.5;
}

.skill-group{
    margin-bottom:22px;
}

.skill-group h4{
    color:#94a3b8;
    font-size:12px;
    margin-bottom:12px;
}

.skill-badges{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
}

.skill-badges span{
    padding:8px 12px;
    border-radius:10px;
    background:rgba(255,255,255,0.04);
    font-size:11px;
}