.main-container{margin:100px auto 50px;background-color:black;overflow:hidden}.about-header{align-items:center;justify-content:center;text-align:center}.about-header h1{color:#ffb400}.about-header h1,.about-header h1 span{font-size:4.5rem;background-color:black}.about-header h1 span{color:white}.about-header h4{text-transform:uppercase;font-size:1rem;background-color:black;font-weight:400}.about-container{max-width:1200px;margin:10px auto;display:flex;flex-wrap:wrap;justify-content:space-around}.image-container{margin:auto}.image-container,.left{display:flex;align-items:center;justify-content:center;text-align:center;padding:10px;overflow:hidden}.left{max-width:500px}.about-image{width:100%!important;height:auto!important;max-width:100%;display:block;border-radius:2rem}.left{background-image:url(/images/smallbg-mini.png);background-size:contain;background-position:50%;background-repeat:no-repeat}.right{display:flex;flex-wrap:wrap;text-align:center}.right,.right-side{align-items:center;justify-content:center}.right-side{text-align:start;font-weight:400}.list-1{margin:20px 40px}.list-1 li{margin-top:20px;list-style:none}.list-1 p{font-size:1rem;font-weight:600;color:white}.list1-content{margin-bottom:7px;font-weight:400;font-size:1rem;padding-right:30px}.right-side2{align-items:center;justify-content:center;text-align:start}.list-2{margin:20px 40px}.list-2 li{margin-top:20px;list-style:none}.list-2 p{font-size:1rem}.list2-content{margin-bottom:7px;font-weight:400;font-size:1rem;padding-left:5px}.social-links{color:#ffb400;transition:color .3s ease}.social-links:hover{color:#ffd700}.fa-linkedin{color:#014dff;background:#ffffff}.fa-gitlab{background:#ffffff}.fa-envelope,.fa-gitlab{color:#FC6D26}.cvbtn{border:2px solid #ffb400;color:#ffb400;align-items:center;text-align:center;padding:10px 0;border-radius:30px;max-width:300px;margin:auto;font-weight:600}.cvbtn:hover{background-color:#ffb400;color:#000}.cvbtn i{font-weight:600}.cvbtn i:hover{color:#000000}.title-section{text-transform:uppercase;margin-bottom:30px}.skill{background-color:black;margin:auto}@media (max-width:768px){.about-header h1{color:#ffb400}.about-header h1,.about-header h1 span{font-size:3.5rem;background-color:black}.about-header h1 span{color:white}.container-2{border-top:none}}@media(max-width:480px){.left{width:300px;height:auto;margin:auto;overflow-x:hidden}.about-header h1{color:#ffb400}.about-header h1,.about-header h1 span{font-size:2.5rem;background-color:black}.about-header h1 span{color:white}.about-header h4{text-transform:uppercase;font-size:.6rem;background-color:black;font-weight:400}}.exp-edu-container{background-color:#202020}.experience-education{padding:1rem}.exp-header{text-align:center;margin-bottom:1rem;position:relative}.exp-header:before{content:"";position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:100px;height:4px;background:#ffb400;border-radius:2px}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.subtitle{font-size:1.2rem;color:#a0a0a0;font-weight:300}.section-toggle{display:flex;justify-content:center;margin-bottom:1.5rem;margin-top:.5rem;gap:1rem}.toggle-btn{padding:1rem 2rem;background:rgba(255,255,255,.05);color:#ffffff;border-radius:50px;cursor:pointer;transition:all .3s ease;font-weight:600;display:flex;align-items:center;gap:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:1.3rem;border:2px solid #ffb400}.toggle-btn:hover{background:rgba(255,215,0,.1);border-color:#ffb400;transform:translateY(-2px)}.toggle-btn.active{background:#ffb400;color:#000;border-color:#ffb400;box-shadow:0 10px 30px rgba(255,215,0,.3)}.timeline-container{position:relative;max-width:1200px;margin:0 auto}.timeline-line{position:absolute;left:2rem;top:0;bottom:0;width:3px;background:#ffb400;border-radius:2px}.timeline-item{position:relative;margin-bottom:1.5rem;padding-left:4rem;opacity:0;transform:translateX(50px);transition:all .6s cubic-bezier(.4,0,.2,1)}.timeline-item.visible{opacity:1;transform:translateX(0)}.timeline-dot{position:absolute;left:1.25rem;top:1.5rem;width:1.5rem;height:1.5rem;background:#ffb400;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px rgba(255,215,0,.5);z-index:2}.timeline-dot svg{width:.8rem;height:.8rem;color:#000}.exp-card{background:rgba(255,255,255,.03);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem 1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.exp-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#ffb400}.exp-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(0,0,0,.3);border-color:rgba(255,215,0,.3)}.exp-card-header{margin-bottom:1rem}.period{display:flex;align-items:center;gap:.5rem;color:#ffb400;font-weight:600;font-size:.9rem;margin-bottom:.5rem}.exp-card-title{font-size:1.4rem;font-weight:700;color:#ffffff;margin-bottom:.5rem}.company,.institution{color:#ffb400;font-weight:600;font-size:1.1rem;margin-bottom:.5rem}.location{display:flex;align-items:center;gap:.5rem;color:#a0a0a0;font-size:.9rem}.achievements{list-style:none;padding:0;margin:1rem 0}.achievements li{position:relative;padding-left:1.3rem;color:#e0e0e0;line-height:1.6}.achievements li:before{content:"▶";position:absolute;left:0;color:#ffb400;font-size:.8rem}.technologies{margin-top:1rem}.tech-label{display:flex;align-items:center;gap:.5rem;color:#ffb400;font-weight:600;margin-bottom:1rem}.tech-list{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background:transparent;border:1px solid #00d4ff;color:#00d4ff;padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:500;transition:all .3s ease}.tech-tag:hover{background:#19191933;transform:scale(1.05)}.details{color:#e0e0e0;line-height:1.6;margin:1rem 0}.grade{display:inline-block;background:#00d4ff;color:#000;padding:.5rem 1rem;border-radius:20px;font-weight:600}@media (max-width:768px){.portfolio-showcase{padding:1rem .5rem}.section-toggle{flex-direction:column;align-items:center}.toggle-btn{width:200px;justify-content:center}.timeline-line{left:1rem}.timeline-item{padding-left:3rem}.timeline-dot{left:.4rem}.exp-card{padding:1.5rem 1rem}.tech-list{gap:.3rem}}@media (max-width:480px){.timeline-item{padding-left:2.5rem}.timeline-dot{left:.4rem}.exp-card{padding:1rem .5rem}}