.portfolio-experience-section{background:linear-gradient(135deg,var(--background-primary)0%,var(--background-secondary)100%);min-height:100vh;padding:80px 0;position:relative}.portfolio-experience-container{z-index:2;max-width:1200px;margin:0 auto;padding:0 20px;position:relative}.portfolio-experience-title{color:#fff;text-align:center;text-shadow:0 4px 20px rgba(0,204,255,.3);background:linear-gradient(135deg,#0cf,#09f);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:3rem;font-weight:700}.portfolio-experience-subtitle{text-align:center;color:#a0a0a0;max-width:700px;margin-bottom:60px;margin-left:auto;margin-right:auto;font-size:1.1rem;line-height:1.6}.portfolio-experience-timeline{position:relative}.portfolio-experience-columns{grid-template-columns:1fr 1fr;gap:60px;display:grid;position:relative}.portfolio-experience-columns:before{content:"";z-index:1;background:linear-gradient(transparent,#0cf,transparent);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.portfolio-experience-column{position:relative}.portfolio-column-title{color:#fff;text-align:center;justify-content:center;align-items:center;gap:12px;margin-bottom:40px;font-size:1.5rem;font-weight:600;display:flex}.portfolio-column-title i{color:#0cf;font-size:1.2rem}.portfolio-timeline-items{flex-direction:column;gap:40px;display:flex}.portfolio-timeline-item{animation:.6s ease-out fadeInUp;animation-delay:var(--animation-delay,0s);animation-fill-mode:both;position:relative}.portfolio-timeline-marker{z-index:3;position:absolute;top:20px}.portfolio-experience-columns .portfolio-experience-column:first-child .portfolio-timeline-marker{right:-31px}.portfolio-experience-columns .portfolio-experience-column:last-child .portfolio-timeline-marker{left:-31px}.portfolio-marker-dot{background:#0cf;border:3px solid #1a1a1a;border-radius:50%;width:16px;height:16px;position:relative;box-shadow:0 0 15px rgba(0,204,255,.5)}.portfolio-marker-dot:before{content:"";background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portfolio-timeline-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,204,255,.2);border-radius:16px;padding:25px;transition:all .3s;position:relative}.portfolio-timeline-content:before{content:"";border:12px solid transparent;width:0;height:0;position:absolute;top:20px}.portfolio-experience-columns .portfolio-experience-column:first-child .portfolio-timeline-content:before{border-left-color:rgba(0,204,255,.2);right:-24px}.portfolio-experience-columns .portfolio-experience-column:last-child .portfolio-timeline-content:before{border-right-color:rgba(0,204,255,.2);left:-24px}.portfolio-timeline-item:hover .portfolio-timeline-content{border-color:rgba(0,204,255,.5);transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,204,255,.1)}.portfolio-timeline-header{margin-bottom:15px}.portfolio-timeline-position{color:#fff;margin:0 0 8px;font-size:1.3rem;font-weight:600;line-height:1.3}.portfolio-timeline-period{color:#0cf;background:rgba(0,204,255,.2);border:1px solid rgba(0,204,255,.3);border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:500;display:inline-block}.portfolio-timeline-company{color:#0cf;align-items:center;gap:8px;margin-bottom:15px;font-weight:500;display:flex}.portfolio-timeline-company i{opacity:.8;font-size:.9rem}.portfolio-timeline-description{color:#ccc;margin-bottom:15px;line-height:1.6}.portfolio-timeline-description p{margin-bottom:8px;padding-left:15px;position:relative}.portfolio-timeline-description p:before{content:"▸";color:#0cf;font-size:.8rem;position:absolute;top:2px;left:0}.portfolio-timeline-skills{flex-wrap:wrap;gap:8px;margin-top:15px;display:flex}.portfolio-skill-tag{color:#0cf;cursor:default;background:rgba(0,204,255,.1);border:1px solid rgba(0,204,255,.3);border-radius:16px;padding:4px 10px;font-size:.75rem;font-weight:500;transition:all .2s}.portfolio-skill-tag:hover{background:rgba(0,204,255,.2);transform:translateY(-1px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:968px){.portfolio-experience-columns{grid-template-columns:1fr;gap:40px}.portfolio-experience-columns:before{left:30px;transform:none}.portfolio-timeline-marker{left:0!important;right:auto!important}.portfolio-marker-dot{left:-8px}.portfolio-timeline-content:before{border-left-color:transparent!important;border-right-color:rgba(0,204,255,.2)!important;left:-24px!important;right:auto!important}.portfolio-timeline-content{margin-left:40px}}@media (max-width:768px){.portfolio-experience-section{padding:60px 0}.portfolio-experience-title{font-size:2.5rem}.portfolio-experience-columns,.portfolio-timeline-items{gap:30px}.portfolio-timeline-content{margin-left:30px;padding:20px}.portfolio-experience-columns:before{left:20px}.portfolio-marker-dot{left:-8px}}@media (max-width:480px){.portfolio-experience-container{padding:0 15px}.portfolio-experience-title{font-size:2rem}.portfolio-column-title{font-size:1.3rem}.portfolio-timeline-content{margin-left:25px;padding:15px}.portfolio-timeline-position{font-size:1.1rem}.portfolio-experience-columns:before{left:15px}}