:root{--bg-gradient-onyx:linear-gradient( to bottom right,hsl(240,1%,25%) 3%,hsl(0,0%,19%) 97% );--bg-gradient-jet:linear-gradient( to bottom right,hsla(240,1%,18%,0.251) 0%,hsla(240,2%,11%,0) 100% ),hsl(240,2%,13%);--bg-gradient-yellow-1:linear-gradient( to bottom right,hsl(45,100%,71%) 0%,hsla(36,100%,69%,0) 50% );--bg-gradient-yellow-2:linear-gradient( 135deg,hsla(45,100%,71%,0.251) 0%,hsla(35,100%,68%,0) 59.86% ),hsl(240,2%,13%);--border-gradient-onyx:linear-gradient( to bottom right,hsl(0,0%,25%) 0%,hsla(0,0%,25%,0) 50% );--text-gradient-yellow:linear-gradient( to right,hsl(45,100%,72%),hsl(35,100%,68%) );--jet:hsl(0,0%,22%);--onyx:hsl(240,1%,17%);--eerie-black-1:hsl(240,2%,13%);--eerie-black-2:hsl(240,2%,12%);--smoky-black:hsl(0,0%,7%);--white-1:hsl(0,0%,100%);--white-2:hsl(0,0%,98%);--orange-yellow-crayola:hsl(45,100%,72%);--vegas-gold:hsl(45,54%,58%);--light-gray:hsl(0,0%,84%);--light-gray-70:hsla(0,0%,84%,0.7);--bittersweet-shimmer:hsl(0,43%,51%);--ff-poppins:"Poppins",sans-serif;--fs-1:24px;--fs-2:18px;--fs-3:17px;--fs-4:16px;--fs-5:15px;--fs-6:14px;--fs-7:13px;--fs-8:11px;--fw-300:300;--fw-400:400;--fw-500:500;--fw-600:600;--shadow-1:-4px 8px 24px hsla(0,0%,0%,0.25);--shadow-2:0 16px 30px hsla(0,0%,0%,0.25);--shadow-3:0 16px 40px hsla(0,0%,0%,0.25);--shadow-4:0 25px 50px hsla(0,0%,0%,0.15);--shadow-5:0 24px 80px hsla(0,0%,0%,0.25);--transition-1:0.25s ease;--transition-2:0.5s ease-in-out;}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}a{text-decoration:none;}li{list-style:none;}img,ion-icon,a,button,time,span{display:block;}button{font:inherit;background:none;border:none;text-align:left;cursor:pointer;}input,textarea{display:block;width:100%;background:none;font:inherit;}::selection{background:var(--orange-yellow-crayola);color:var(--smoky-black);}:focus{outline-color:var(--orange-yellow-crayola);}html{font-family:var(--ff-poppins);}body{background:var(--smoky-black);}.sidebar,article{background:var(--eerie-black-2);border:1px solid var(--jet);border-radius:20px;padding:15px;box-shadow:var(--shadow-1);z-index:1;}.separator{width:100%;height:1px;background:var(--jet);margin:16px 0;}.icon-box{position:relative;background:var(--border-gradient-onyx);width:30px;height:30px;border-radius:8px;display:flex;justify-content:center;align-items:center;font-size:16px;color:var(--orange-yellow-crayola);box-shadow:var(--shadow-1);z-index:1;}.icon-box::before{content:"";position:absolute;inset:1px;background:var(--eerie-black-1);border-radius:inherit;z-index:-1;}.icon-box ion-icon{--ionicon-stroke-width:35px;}article{display:none;}article.active{display:block;animation:fade 0.5s ease backwards;}@keyframes fade{0%{opacity:0;}100%{opacity:1;}}.h2,.h3,.h4,.h5{color:var(--white-2);text-transform:capitalize;}.h2{font-size:var(--fs-1);}.h3{font-size:var(--fs-2);}.h4{font-size:var(--fs-4);}.h5{font-size:var(--fs-7);font-weight:var(--fw-500);}.article-title{position:relative;padding-bottom:7px;}.article-title::after{content:"";position:absolute;bottom:0;left:0;width:30px;height:3px;background:var(--text-gradient-yellow);border-radius:3px;}.has-scrollbar::-webkit-scrollbar{width:5px;height:5px;}.has-scrollbar::-webkit-scrollbar-track{background:var(--onyx);border-radius:5px;}.has-scrollbar::-webkit-scrollbar-thumb{background:var(--orange-yellow-crayola);border-radius:5px;}.has-scrollbar::-webkit-scrollbar-button{width:20px;}.content-card{position:relative;background:var(--border-gradient-onyx);padding:15px;padding-top:45px;border-radius:14px;box-shadow:var(--shadow-2);cursor:pointer;z-index:1;}.content-card::before{content:"";position:absolute;inset:1px;background:var(--bg-gradient-jet);border-radius:inherit;z-index:-1;}main{margin:15px 12px;margin-bottom:75px;min-width:259px;}.sidebar{margin-bottom:15px;max-height:140px;overflow:hidden;transition:var(--transition-2);}.sidebar.active{max-height:550px;}.sidebar-info{position:relative;display:flex;justify-content:flex-start;align-items:center;gap:15px;}.avatar-box{background:var(--bg-gradient-onyx);border-radius:20px;}.info-content .name{color:var(--white-2);font-size:var(--fs-3);font-weight:var(--fw-500);letter-spacing:-0.25px;margin-bottom:10px;}.info-content .title{color:var(--white-1);background:var(--onyx);font-size:var(--fs-8);font-weight:var(--fw-300);width:max-content;padding:3px 12px;border-radius:8px;}.info_more-btn{position:absolute;top:-15px;right:-15px;border-radius:0 15px;font-size:13px;color:var(--orange-yellow-crayola);background:var(--border-gradient-onyx);padding:10px;box-shadow:var(--shadow-2);transition:var(--transition-1);z-index:1;}.info_more-btn::before{content:"";position:absolute;inset:1px;border-radius:inherit;background:var(--bg-gradient-jet);transition:var(--transition-1);z-index:-1;}.info_more-btn:hover,.info_more-btn:focus{background:var(--bg-gradient-yellow-1);}.info_more-btn:hover::before,.info_more-btn:focus::before{background:var(--bg-gradient-yellow-2);}.info_more-btn span{display:none;}.sidebar-info_more{opacity:0;visibility:hidden;transition:var(--transition-2);}.sidebar.active .sidebar-info_more{opacity:1;visibility:visible;}.contacts-list{display:grid;grid-template-columns:1fr;gap:16px;}.contact-item{min-width:100%;display:flex;align-items:center;gap:16px;}.contact-info{max-width:calc(100% - 46px);width:calc(100% - 46px);}.contact-title{color:var(--light-gray-70);font-size:var(--fs-8);text-transform:uppercase;margin-bottom:2px;}.contact-info:is(.contact-link,time,address){color:var(--white-2);font-size:var(--fs-7);}.contact-info address{font-style:normal;}.social-list{display:flex;justify-content:flex-start;align-items:center;gap:15px;padding-bottom:4px;padding-left:7px;}.social-item .social-link{color:var(--light-gray-70);font-size:18px;}.social-item .social-link:hover{color:var(--light-gray);}.about .article-title{margin-bottom:15px;}.about-text{color:var(--light-gray);font-size:var(--fs-6);font-weight:var(--fw-300);line-height:1.6;}.about-text p{margin-bottom:15px;}.service{margin-bottom:35px;}.service-title{margin-bottom:20px;}.service-list{display:grid;grid-template-columns:1fr;gap:20px;}.service-item{position:relative;background:var(--border-gradient-onyx);padding:20px;border-radius:14px;box-shadow:var(--shadow-2);z-index:1;}.service-item::before{content:"";position:absolute;inset:1px;background:var(--bg-gradient-jet);border-radius:inherit;z-index:-1;}.service-icon-box{margin-bottom:10px;}.service-icon-box img{margin:auto;}.service-content-box{text-align:center;}.service-item-title{margin-bottom:7px;}.service-item-text{color:var(--light-gray);font-size:var(--fs-6);font-weight:var(--fw-3);line-height:1.6;}.article-title{margin-bottom:30px;}.timeline{margin-bottom:30px;}.timeline .title-wrapper{display:flex;align-items:center;gap:15px;margin-bottom:25px;}.timeline-list{font-size:var(--fs-6);margin-left:45px;}.timeline-item{position:relative;}.timeline-item:not(:last-child){margin-bottom:20px;}.timeline-item-title{font-size:var(--fs-6);line-height:1.3;margin-bottom:7px;}.timeline-list span{color:var(--vegas-gold);font-weight:var(--fw-400);line-height:1.6;}.timeline-item:not(:last-child)::before{content:"";position:absolute;top:-25px;left:-30px;width:1px;height:calc(100%+50px);background:var(--jet);}.timeline-item::after{content:"";position:absolute;top:5px;left:-33px;height:6px;width:6px;background:var(--text-gradient-yellow);border-radius:50%;box-shadow:0 0 0 4px var(--jet);}.timeline-text{color:var(--light-gray);font-weight:var(--fw-300);line-height:1.6;}.skill .title-wrapper{display:flex;align-items:center;gap:5px;margin-bottom:8px;}.skill .title-wrapper data{color:var(--light-gray);font-size:var(--fs-7);font-weight:var(--fw-300);}@keyframes scaleUp{0%{transform:scale(0.5);}100%{transform:scale(1);}}.input-wrapper{display:grid;grid-template-columns:1fr;gap:25px;margin-bottom:25px;}textarea textarea @media (min-width:450px){}@media (min-width:580px){:root{--fs-1:32px;--fs-2:24px;--fs-3:26px;--fs-4:18px;--fs-6:15px;--fs-7:15px;--fs-8:12px;}.sidebar,article{width:520px;margin-inline:auto;padding:30px;}.article-title{font-weight:var(--fw-600);padding-bottom:15px;}.article-title::after{width:40px;height:5px;}.icon-box{width:48px;height:48px;border-radius:12px;font-size:18px;}main{margin-top:60px;margin-bottom:100px;}.sidebar{max-height:180px;margin-bottom:30px;}.sidebar.active{max-height:584px;}.sidebar-info{gap:25px;}.avatar-box{border-radius:30px;}.avatar-box img{width:120px;}.info-content .name{margin-bottom:15px;}.info-content .title{padding:5px 18px;}.info_more-btn{top:-30px;right:-30px;padding:10px 15px;}.info_more-btn span{display:block;font-size:var(--fs-8);}.info_more-btn ion-icon{display:none;}.separator{margin:32px 0;}.contacts-list{gap:20px;}.contact-info{max-width:calc(100% - 64px);width:calc(100% - 64px);}.about .article-title{margin-bottom:20px;}.about-text{margin-bottom:40px;}.service-item{display:flex;justify-content:flex-start;align-items:flex-start;gap:18px;padding:30px;}.service-icon-box{margin-bottom:0;margin-top:5px;}.service-content-box{text-align:left;}.content-card{padding:30px;padding-top:25px;}.timeline-list{margin-left:65px;}.timeline-item:not(:last-child)::before{left:-40px;}.timeline-item::after{height:8px;width:8px;left:-43px;}.input-wrapper{gap:30px;margin-bottom:30px;}textarea}@media (min-width:768px){.sidebar,article{width:700px;}.has-scrollbar::-webkit-scrollbar-button{width:100px;}.contacts-list{grid-template-columns:1fr 1fr;gap:0px 15px;}.article-title{padding-bottom:20px;}.input-wrapper{grid-template-columns:1fr 1fr;}}@media (min-width:1024px){:root{--shadow-1:-4px 8px 24px hsla(0,0%,0%,0.125);--shadow-2:0 16px 30px hsla(0,0%,0%,0.125);--shadow-3:0 16px 40px hsla(0,0%,0%,0.125);}.sidebar,article{width:950px;box-shadow:var(--shadow-5);}main{margin-bottom:60px;}.main-content{position:relative;width:max-content;margin:auto;}.service-list{grid-template-columns:1fr 1fr;gap:20px 25px;}}@media (min-width:1250px){body::-webkit-scrollbar{width:20px;}body::-webkit-scrollbar-track{background:var(--smoky-black);}body::-webkit-scrollbar-thumb{border:5px solid var(--smoky-black);background:hsla(0,0%,100%,0.1);border-radius:20px;box-shadow:inset 1px 1px 0 hsla(0,0%,100%,0.11),inset -1px -1px 0 hsla(0,0%,100%,0.11);}body::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,0.15);}body::-webkit-scrollbar-button{height:60px;}.sidebar,article{width:auto;}article{min-height:100%;}main{max-width:1200px;margin-inline:auto;display:flex;justify-content:center;align-items:stretch;gap:25px;}.main-content{min-width:75%;width:75%;margin:0;}.sidebar{position:sticky;top:60px;max-height:max-content;height:100%;margin-bottom:0;padding-top:60px;z-index:1;}.sidebar-info{flex-direction:column;}.avatar-box img{width:150px;}.info-content .name{white-space:nowrap;text-align:center;}.info-content .title{margin:auto;}.info_more-btn{display:none;}.sidebar-info_more{opacity:1;visibility:visible;}.contacts-list{grid-template-columns:1fr;}.contact-info:is(.contact-link){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.contact-info:is(.contact-link,time,address){--fs-7:14px;font-weight:var(--fw-300);}.separator:last-of-type{margin:15px 0;opacity:0;}.social-list{justify-content:center;}.timeline-text{max-width:720px;}.read-more{color:var(--orange-yellow-crayola);cursor:pointer;text-decoration:none;}.read-more:hover{color:var(--light-gray);cursor:pointer;text-decoration:underline;}</style><style>.techstack-list{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;}.techstack-item{list-style:none;}.tech-icon{width:50px;height:50px;object-fit:contain;transition:transform 0.2s ease-in-out;}.tech-icon:hover{transform:scale(1.1);}@media screen and (max-width:768px){.techstack-list.content-card{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(60px,1fr)) !important;gap:15px !important;justify-items:center !important;padding:15px 10px 15px 10px !important;flex-wrap:unset !important;justify-content:unset !important;}.techstack-list.content-card .tech-icon{width:45px !important;height:45px !important;}}@media screen and (max-width:480px){.techstack-list.content-card{grid-template-columns:repeat(auto-fit,minmax(50px,1fr)) !important;gap:12px !important;padding:15px 5px 15px 5px !important;}.techstack-list.content-card .tech-icon{width:40px !important;height:40px !important;}}.timeline-container{display:flex;flex-direction:column;margin:20px 0;}.timeline{margin:0 10px;padding:20px;background-color:var(--eerie-black-2);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1);}.title-wrapper{display:flex;align-items:center;margin-bottom:15px;}.icon-box{}.preview-item img{margin-bottom:10px;max-width:100%;height:auto;}@media (max-width:768px){.timeline-container{flex-direction:column;}.timeline{margin:10px 0;}}@media (min-width:769px){.timeline-container{flex-direction:row;justify-content:space-between;}.timeline{flex:0 1 calc(50% - 20px);}.timeline:nth-child(odd){}.timeline:nth-child(even){margin-left:10px;}}.timeline-item{margin-bottom:20px;}.timeline-content{display:flex;align-items:flex-start;}.company-logo{width:85px;height:auto;margin-right:15px;}.timeline-text{display:flex;flex-direction:column;}.timeline-item-title a{color:white;text-decoration:none;transition:color 0.3s ease;}.timeline-item-title a:hover{color:var( --orange-yellow-crayola );text-decoration:underline;}.certification-preview{max-height:1000px;overflow-y:auto;border:1px solid #ccc;padding:10px;margin:10px;}.preview-list{display:flex;flex-direction:column;gap:10px;}.preview-item img{height:auto;max-height:90%;}}.more-text{display:none;opacity:0;transition:opacity 0.3s ease}.more-text.visible{display:block;opacity:1}
.avatar-box img{width:80px!important;height:80px!important;object-fit:cover;display:block}
img{max-width:100%;height:auto;display:block}.tech-icon{width:50px!important;height:50px!important;object-fit:contain}.company-logo{width:120px!important;height:60px!important;object-fit:contain}
/* Fix all image layout shifts */ img{max-width:100%;height:auto;display:block}.avatar-box img{width:80px!important;height:80px!important;object-fit:cover;display:block}.tech-icon{width:50px!important;height:50px!important;object-fit:contain;display:block}.company-logo{width:85px!important;height:auto!important;max-height:60px!important;object-fit:contain;display:block}.certificate-img{width:300px!important;height:200px!important;object-fit:cover;display:block}
/* Prevent font loading layout shifts */ body{font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-display:swap}*{font-display:swap}