.skills-container{flex-direction:column;gap:2rem;width:100%;max-width:1000px;display:flex}.skill-category{flex-direction:column;gap:1rem;display:flex}.category-header{align-items:center;gap:.75rem;display:flex}.category-bar{border-radius:2px;width:36px;height:3px}.category-label{color:#fff;font-size:1.25rem;font-weight:700}.skill-items{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.8rem;display:grid}.skill-card{transition:var(--transition-fast);background:#0a0f1a;border:1px solid #ffffff0d;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:.85rem .6rem;display:flex}.skill-card:hover{background:#111827;border-color:#ffffff1a;transform:translateY(-3px)}.skill-icon{color:var(--text-primary);font-size:1.5rem}.skill-name{color:var(--text-secondary);font-size:.85rem;font-weight:500}
.timeline-container{width:100%;max-width:900px;margin:0 auto;padding:2rem 0;position:relative}.timeline-track-line{background:#ffffff14;border-radius:1px;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-progress-line{background:linear-gradient(180deg, var(--text-primary) 0%, var(--text-secondary) 100%);border-radius:1px;width:2px;height:0;transition:height .1s linear;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 8px #ffffff4d}.timeline-item{align-items:center;width:100%;margin-bottom:4rem;display:flex;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-item.odd{flex-direction:row-reverse}.timeline-node{background:var(--bg-color);z-index:2;border:2px solid #ffffff4d;border-radius:50%;width:16px;height:16px;transition:transform .35s cubic-bezier(.34,1.56,.64,1),border-color .35s,box-shadow .35s,background .35s;position:absolute;left:50%;transform:translate(-50%)}.timeline-node.node-active{border-color:var(--text-primary);background:var(--text-primary);animation:.4s cubic-bezier(.34,1.56,.64,1) nodePulse;box-shadow:0 0 12px #fffc,0 0 20px #fff6}@keyframes nodePulse{0%{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.6)}to{transform:translate(-50%)scale(1)}}.timeline-content-wrapper{width:45%;padding:0 1.5rem}.timeline-card{opacity:0;background:#0a0f1a;border:1px solid #ffffff0f;border-radius:12px;padding:1.5rem;transition:opacity .4s,transform .4s cubic-bezier(.16,1,.3,1),border-color .3s;position:relative;transform:translateY(25px)}.timeline-card:hover{border-color:#fff3}.timeline-card.card-visible{opacity:1;transform:translateY(0)}.timeline-badge{letter-spacing:1px;color:var(--text-primary);background:#ffffff14;border:1px solid #ffffff1f;border-radius:20px;margin-bottom:.75rem;padding:.25rem .65rem;font-size:.8rem;font-weight:700;display:inline-block}.timeline-title{color:var(--text-primary);margin-bottom:.25rem;font-size:1.3rem;font-weight:700}.timeline-subtitle{color:var(--text-secondary);margin-bottom:.75rem;font-size:.9rem;font-weight:500}.timeline-desc{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.6}@media (max-width:768px){.timeline-track-line,.timeline-progress-line{left:20px;transform:none}.timeline-item{justify-content:flex-start;margin-bottom:2.5rem;flex-direction:row!important}.timeline-node{left:20px;transform:translate(-50%)}@keyframes nodePulse{0%{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.5)}to{transform:translate(-50%)scale(1)}}.timeline-content-wrapper{width:100%;padding-left:3rem;padding-right:0}}