.skillsSection{padding:8em 0 0;position:relative}.skillsHeader{text-align:center;flex-direction:column;justify-content:center;align-items:center;margin-bottom:1em;display:flex}.skillsLabel{text-align:center}.skillsGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(1.5em,3vw,2.5em);display:grid}.skillCard{background:var(--secondary-color);border:var(--border);border-radius:20px;padding:clamp(2em,4vw,2.5em);position:relative;overflow:hidden}.skillCard:hover{border-color:#f5e65e33}.skillCardTitle{color:var(--white-color);border-bottom:var(--border);margin-bottom:1.5em;padding-bottom:1em;font-size:clamp(1.3em,2vw,1.5em);font-weight:600}.skillsList{flex-direction:column;gap:.5em;display:flex}.skillItem{color:var(--text-color);align-items:center;gap:1em;padding:.5em 0;font-size:clamp(.95em,1.2vw,1.05em);transition:all .3s;display:flex}.skillItem:hover{color:var(--white-color)}.skillItem:hover .skillDot{background:var(--main-color)}.skillDot{background:var(--gray-color);border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:all .3s}.skillName{line-height:1.4}@media screen and (max-width:767px){.skillsSection{padding:4em 0}.skillsGrid{grid-template-columns:1fr}}@media screen and (max-width:539px){.skillCard{padding:1.5em}.skillCardTitle{margin-bottom:1em;font-size:1.2em}}
.experienceSection{padding:var(--section-padding)0;padding-bottom:0;position:relative}.experienceHeader{text-align:center;flex-direction:column;align-items:center;display:flex}.timelineContainer{max-width:1200px;margin:0 auto;padding:2em 0;position:relative}.timelineLine{z-index:0;background:#f5e65e59;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timelineItem{grid-template-columns:1fr auto 1fr;align-items:center;gap:2em;margin-bottom:4em;display:grid;position:relative}.timelineItem.left .timelineContent{grid-column:1}.timelineItem.right .timelineContent{grid-column:3}.timelineMarker{z-index:2;grid-column:2;position:relative}.timelineDot{background:var(--main-color);border:4px solid var(--dark-color);border-radius:50%;width:20px;height:20px;transition:all .3s}.timelineContent{background:var(--secondary-color);border:var(--border);border-radius:16px;padding:clamp(1.5em,3vw,2em);transition:all .4s cubic-bezier(.7,0,.3,1);position:relative}.timelineContent:before{content:"";background:var(--main-color);width:20px;height:2px;position:absolute;top:50%;transform:translateY(-50%)}.timelineItem.left .timelineContent:before{right:-2em}.timelineItem.right .timelineContent:before{left:-2em}.timelineContent:hover{border-color:#f5e65e4d}.timelineYear{color:var(--main-color);background:#f5e65e1a;border-radius:20px;margin-bottom:1em;padding:.5em 1em;font-size:.875em;font-weight:600;display:inline-block}.timelinePosition{color:var(--white-color);margin-bottom:.5em;font-size:clamp(1.3em,2vw,1.5em);font-weight:600;line-height:1.3}.timelineCompany{border-bottom:var(--border);flex-direction:column;gap:.3em;margin-bottom:1em;padding-bottom:1em;display:flex}.companyName{color:var(--white-color);font-size:1em;font-weight:500}.companyLocation{color:var(--gray-color);font-size:.875em}.timelineDescription{color:var(--text-color);margin-bottom:1.5em;font-size:clamp(.95em,1.2vw,1em);line-height:1.6}.timelineTags{flex-wrap:wrap;gap:.5em;display:flex}.timelineTag{color:var(--text-color);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:.4em .8em;font-size:.85em;font-weight:500;transition:all .3s}.timelineTag:hover{border-color:var(--main-color);color:var(--main-color);background:#f5e65e1a}@media screen and (max-width:1023px){.timelineLine{left:30px}.timelineItem{grid-template-columns:auto 1fr;gap:2em}.timelineItem.left .timelineContent,.timelineItem.right .timelineContent{text-align:left;grid-column:2}.timelineMarker{grid-column:1}.timelineContent:before{display:none}.timelineTags{justify-content:flex-start!important}}@media screen and (max-width:539px){.timelineLine{left:10px}.timelineItem{gap:1.5em}.timelineContent{padding:1.5em}.timelinePosition{font-size:1.2em}}