.experience-back-button{z-index:1000;background:var(--color-white);color:var(--color-dark);cursor:url("/assets/Cursor SVG/cursor-pointer.svg") 12 12,pointer;border-radius:30px;align-items:center;gap:10px;padding:12px 20px;font-family:Epilogue,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:30px;left:30px;box-shadow:0 4px 20px #0000001a}.experience-back-button:hover{background:var(--color-dark);color:var(--color-white);transform:translateY(-2px);box-shadow:0 8px 30px #00000026}.experience-back-button svg{transition:transform .3s}.experience-back-button:hover svg{transform:translate(-3px)}.experience-hero{text-align:center;background:linear-gradient(135deg, var(--bg-color) 0%, #fff 100%);flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:100px 20px 60px;display:flex;position:relative;overflow:hidden}.experience-hero:before{content:"";background:radial-gradient(circle,#a8e6cf4d 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:8s ease-in-out infinite float;position:absolute;top:-50%;right:-20%}.experience-hero:after{content:"";background:radial-gradient(circle,#f0bffa33 0%,#0000 70%);border-radius:50%;width:500px;height:500px;animation:10s ease-in-out infinite reverse float;position:absolute;bottom:-30%;left:-10%}@keyframes float{0%,to{transform:translate(0)scale(1)}50%{transform:translate(30px,-30px)scale(1.05)}}.hero-title{letter-spacing:-3px;color:var(--color-dark);opacity:0;z-index:1;margin-bottom:30px;font-family:Epilogue,sans-serif;font-size:clamp(3rem,8vw,6rem);font-weight:800;transition:opacity .8s;position:relative}.hero-subtitle{color:var(--color-dark);opacity:0;z-index:1;max-width:700px;font-family:DM Sans,sans-serif;font-size:clamp(1rem,2vw,1.3rem);font-weight:400;line-height:1.7;transition:all .8s .2s;position:relative;transform:translateY(20px)}.experience-timeline-section{background:var(--bg-color);padding:100px 20px;position:relative}.timeline-container{max-width:1200px;margin:0 auto;position:relative}.timeline-vertical-line{background:#0000001a;border-radius:2px;width:4px;position:absolute;top:0;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}.timeline-line-fill{background:linear-gradient(180deg, var(--color-green) 0%, var(--color-lightblue) 100%);width:100%;height:0;transition:height 1.5s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.timeline-item{align-items:flex-start;margin-bottom:120px;display:flex;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-left{justify-content:flex-start;padding-right:calc(50% + 60px)}.timeline-right{justify-content:flex-end;padding-left:calc(50% + 60px)}.timeline-dot{background:var(--color-white);border:4px solid var(--color-green);z-index:10;border-radius:50%;width:20px;height:20px;transition:transform .5s cubic-bezier(.68,-.55,.265,1.55);position:absolute;top:30px;left:50%;transform:translate(-50%)scale(0);box-shadow:0 0 0 4px #29725f1a}.timeline-dot.visible{transform:translate(-50%)scale(1)}.timeline-dot-inner{background:var(--color-green);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse{0%,to{opacity:1;transform:translate(-50%,-50%)scale(1)}50%{opacity:.5;transform:translate(-50%,-50%)scale(1.5)}}.timeline-content{background:var(--color-white);opacity:0;border-radius:20px;padding:40px;transition:all .6s cubic-bezier(.4,0,.2,1);position:relative;transform:translateY(30px);box-shadow:0 10px 40px #00000014}.timeline-content:before{content:"";border:12px solid #0000;width:0;height:0;position:absolute;top:30px}.timeline-left .timeline-content:before{border-left-color:var(--color-white);right:-24px}.timeline-right .timeline-content:before{border-right-color:var(--color-white);left:-24px}.timeline-content.visible{opacity:1;transform:translateY(0)}.timeline-content:hover{transform:translateY(-5px);box-shadow:0 20px 60px #0000001f}.timeline-content-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.timeline-period{color:var(--color-green);background:#29725f1a;border-radius:20px;padding:6px 14px;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600}.timeline-type{border-radius:20px;padding:6px 14px;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:600}.type-fulltime{color:var(--color-darkblue);background:#4b69f01a}.type-freelance{color:var(--color-orange);background:#f5693c1a}.timeline-company{color:var(--color-dark);letter-spacing:-.5px;margin-bottom:8px;font-family:Epilogue,sans-serif;font-size:1.8rem;font-weight:700}.timeline-role{color:var(--color-dark);margin-bottom:15px;font-family:DM Sans,sans-serif;font-size:1.1rem;font-weight:500;line-height:1.4}.timeline-location{color:var(--color-dark);opacity:.7;align-items:center;gap:8px;margin-bottom:25px;font-family:DM Sans,sans-serif;font-size:.95rem;display:flex}.timeline-achievements{margin-bottom:25px;list-style:none}.timeline-achievements li{color:var(--color-dark);margin-bottom:12px;padding-left:25px;font-family:DM Sans,sans-serif;font-size:.95rem;line-height:1.7;position:relative}.timeline-achievements li:before{content:"→";color:var(--color-green);font-weight:700;position:absolute;left:0}.timeline-tech{flex-wrap:wrap;gap:8px;display:flex}.tech-tag{color:var(--color-dark);background:var(--bg-color);border:1px solid #0000001a;border-radius:8px;padding:6px 12px;font-family:DM Sans,sans-serif;font-size:.85rem;transition:all .2s}.tech-tag:hover{background:var(--color-dark);color:var(--color-white);border-color:var(--color-dark);transform:translateY(-2px)}.education-section{background:linear-gradient(135deg, #fff 0%, var(--bg-color) 100%);padding:100px 20px;position:relative}.education-container{max-width:800px;margin:0 auto}.education-title{color:var(--color-dark);text-align:center;letter-spacing:-1px;margin-bottom:60px;font-family:Epilogue,sans-serif;font-size:clamp(2rem,5vw,3rem);font-weight:700}.education-card{background:var(--color-white);border-radius:24px;align-items:flex-start;gap:40px;padding:50px;transition:all .3s;display:flex;box-shadow:0 10px 50px #0000001a}.education-card:hover{transform:translateY(-5px);box-shadow:0 20px 70px #00000026}.education-icon{background:linear-gradient(135deg, var(--color-green) 0%, var(--color-lightblue) 100%);width:80px;height:80px;color:var(--color-white);border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.education-content{flex:1}.education-degree{color:var(--color-dark);letter-spacing:-.5px;margin-bottom:10px;font-family:Epilogue,sans-serif;font-size:1.5rem;font-weight:700}.education-university{color:var(--color-green);margin-bottom:8px;font-family:DM Sans,sans-serif;font-size:1.2rem;font-weight:600}.education-location{color:var(--color-dark);opacity:.7;margin-bottom:15px;font-family:DM Sans,sans-serif;font-size:1rem}.education-focus{color:var(--color-dark);opacity:.9;font-family:DM Sans,sans-serif;font-size:.95rem;line-height:1.6}@media (max-width:968px){.timeline-left,.timeline-right{padding-left:60px;padding-right:0}.timeline-vertical-line,.timeline-dot{left:30px}.timeline-left .timeline-content:before,.timeline-right .timeline-content:before{border-right-color:var(--color-white);border-left-color:#0000;left:-24px;right:auto}.education-card{text-align:center;flex-direction:column;padding:40px 30px}.education-icon{margin:0 auto}}@media (max-width:640px){.experience-back-button{padding:10px 16px;font-size:.85rem;top:15px;left:15px}.experience-hero{min-height:50vh;padding:120px 20px 50px}.hero-title{letter-spacing:-2px;font-size:2.5rem}.hero-subtitle{font-size:1rem}.experience-timeline-section{padding:60px 15px}.timeline-item{margin-bottom:80px}.timeline-content{padding:30px 25px}.timeline-company{font-size:1.4rem}.timeline-role{font-size:1rem}.education-section{padding:60px 15px}.education-title{margin-bottom:40px;font-size:2rem}.education-card{padding:30px 20px}.education-degree{font-size:1.3rem}.education-university{font-size:1.1rem}}@media (max-width:480px){.experience-back-button span{display:none}.experience-back-button{border-radius:50%;padding:10px}.timeline-content-header{flex-direction:column;align-items:flex-start}.tech-tag{padding:5px 10px;font-size:.8rem}}