.portfolio-section{text-align:center;background:radial-gradient(#25215408 0%,#fffffff2 70%);border-radius:30px;width:100%;max-width:1200px;min-height:800px;margin:0 auto;padding:30px 20px;position:relative;overflow:hidden}.floating-bg-element{z-index:0;pointer-events:none;background:linear-gradient(45deg,#2521540d,#4a90e20d);border-radius:50%;width:100px;height:100px;position:absolute}.floating-bg-1{width:120px;height:120px;top:10%;left:10%}.floating-bg-2{width:80px;height:80px;bottom:15%;right:15%}.portfolio-image-container{perspective:1200px;margin-bottom:30px;display:inline-block;position:relative;overflow:visible}.portfolio-image{z-index:2;object-fit:cover;border-radius:20px;width:570px;height:380px;position:relative;box-shadow:0 20px 60px #00000026,0 8px 25px #0000001a}.image-glow{z-index:1;pointer-events:none;border-radius:25px;position:absolute;inset:-10px}.portfolio-year-container{margin-bottom:5px;position:relative}.portfolio-year{color:#252154;text-shadow:0 4px 8px #0000001a;margin:0;font-size:3.2rem;font-weight:800;display:inline-block;position:relative}.portfolio-timeline{align-items:center;width:100%;max-width:600px;height:50px;margin:0 auto 5px;display:flex;position:relative}.timeline-controls{z-index:10;flex-shrink:0;justify-content:center;align-items:center;gap:20px;display:flex;position:relative}.timeline-segment-left,.timeline-segment-right{background:linear-gradient(90deg,#2521544d,#4a90e299,#252154cc);border-radius:3px;flex-grow:1;height:4px;box-shadow:0 2px 8px #25215433}.timeline-segment-left{transform-origin:100%}.timeline-segment-right{transform-origin:0}.timeline-arrow{color:#252154;cursor:pointer;background:linear-gradient(135deg,#fff,#f8f9fa);border:3px solid #252154;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;padding:15px;font-size:2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 25px #25215433,0 2px 8px #2521541a}.timeline-arrow span{display:flex}.timeline-icon-wrapper{justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}.timeline-icon{z-index:5;color:#252154;background:linear-gradient(135deg,#fff,#f8f9fa 50%,#e9ecef);border:4px solid #252154;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:2.2rem;display:flex;position:relative;box-shadow:0 0 0 8px #2521541a,0 12px 30px #25215440}.circle-pulse{z-index:3;border:3px solid #4a90e2;border-radius:50%;width:30px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.progress-ring{z-index:4;border:3px solid #4a90e2;border-color:#4a90e2 #4a90e24d #0000 #0000;border-radius:50%;width:66px;height:66px;position:absolute;top:7px;left:8px}.portfolio-description-wrapper{max-width:900px;margin:0 auto}.portfolio-description{color:#2c2c2c;background:linear-gradient(135deg,#ffffffe6,#f8f9fae6);border:2px solid #2521541a;border-radius:20px;min-height:140px;padding:20px;font-size:1.2rem;line-height:1.9;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000014}.portfolio-description:before{content:"";background:linear-gradient(90deg,#252154,#4a90e2,#252154);border-radius:20px 20px 0 0;height:3px;position:absolute;top:0;left:0;right:0}@media (max-width:1024px){.portfolio-image{width:483px;height:322px}.timeline-controls{gap:25px}}@media (max-width:768px){.portfolio-section{min-height:700px;padding:40px 20px}.portfolio-timeline{max-width:450px}.timeline-controls{gap:35px}.portfolio-year{font-size:2.8rem}}@media (max-width:428px){.portfolio-image{width:100%;max-width:388px;height:258px}.portfolio-year{font-size:2.4rem}.portfolio-description{min-height:120px;padding:25px 20px;font-size:1.1rem}.timeline-controls{gap:10px}.timeline-icon{width:30px;height:30px;font-size:1.6rem}.timeline-arrow{width:35px;height:35px;font-size:1.4rem}.floating-bg-1{width:80px;height:80px}.floating-bg-2{width:60px;height:60px}}