.page-header{
    padding:70px 0 30px;
}

.page-header h1{
    font-size:52px;
    color:#111827;
    margin-bottom:15px;
}

.page-header p{
    max-width:760px;
    font-size:20px;
    color:#6b7280;
    line-height:1.7;
}

.timeline{
    padding-bottom:90px;
}

.timeline-item{
    position:relative;
    padding-left:40px;
    margin-bottom:60px;
    border-left:3px solid #2563eb;
}

.timeline-item::before{
    content:"";
    position:absolute;
    left:-9px;
    top:4px;
    width:15px;
    height:15px;
    border-radius:50%;
    background:#2563eb;
}

.period{
    color:#2563eb;
    font-weight:700;
    margin-bottom:8px;
}

.timeline-item h2{
    font-size:32px;
    margin-bottom:8px;
}

.company{
    font-size:18px;
    font-weight:600;
    color:#374151;
    margin-bottom:18px;
}

.timeline-item p{
    color:#4b5563;
    line-height:1.8;
    margin-bottom:20px;
}

.skills{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}

.skills span{
    background:#eef4ff;
    color:#2563eb;
    padding:8px 16px;
    border-radius:999px;
    font-size:15px;
    font-weight:600;
}