: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%, .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%, .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(240, 2%, 18%);--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, 100%, 58%);--light-gray: hsl(0, 0%, 84%);--light-gray-70: hsla(0, 0%, 84%, .7);--bittersweet-shimmer: hsl(0, 43%, 51%);--ff-poppins: "Dancing Script", cursive;--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%, .25);--shadow-2: 0 16px 30px hsla(0, 0%, 0%, .25);--shadow-3: 0 16px 40px hsla(0, 0%, 0%, .25);--shadow-4: 0 25px 50px hsla(0, 0%, 0%, .15);--shadow-5: 0 24px 80px hsla(0, 0%, 0%, .25);--transition-1: .25s ease;--transition-2: .5s ease-in-out}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}html{font-family:var(--ff-poppins);scroll-behavior:smooth}body{background:var(--smoky-black);color:var(--white-2)}::-webkit-scrollbar-track{background:var(--smoky-black)}::-webkit-scrollbar-thumb{background:var(--orange-yellow-crayola);border-radius:10px}.app-container{max-width:1250px;margin:15px auto 75px;padding:0 15px;display:grid;grid-template-columns:1fr;gap:25px}@media(min-width:1024px){.app-container{grid-template-columns:275px 1fr;gap:40px;margin-top:60px;margin-bottom:60px;padding:0}}.resume-viewer{background:#fff;border:1px solid var(--jet);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-4);margin-top:10px}.sidebar{background:var(--eerie-black-2);border:1px solid var(--jet);border-radius:20px;padding:15px;box-shadow:var(--shadow-1);z-index:10;max-height:max-content;transition:var(--transition-2)}.sidebar.active{max-height:500px}.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;padding:2px;overflow:hidden}.avatar-box img{border-radius:20px;width:80px}.info-content .name{color:var(--white-2);font-family:Dancing Script,cursive;font-size:2.2rem;font-weight:var(--fw-600);letter-spacing:.5px;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:12px;color:var(--orange-yellow-crayola);background:var(--bg-gradient-onyx);padding:10px;box-shadow:var(--shadow-2);transition:var(--transition-1);z-index:1}.info_more-btn span{display:none}.sidebar-info_more{opacity:1;visibility:visible;transition:var(--transition-2)}.separator{width:100%;height:1px;background:var(--jet);margin:16px 0}.contacts-list{display:grid;grid-template-columns:1fr;gap:16px}.contact-item{min-width:100%;display:flex;align-items:center;gap:16px}.icon-box{position:relative;background:var(--bg-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}.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-link{color:var(--white-2);font-size:var(--fs-7)}.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)}.main-content{background:var(--eerie-black-2);border:1px solid var(--jet);border-radius:20px;padding:30px;box-shadow:var(--shadow-2);z-index:1;position:relative}.navbar{position:fixed;bottom:0;left:0;width:100%;background:#2b2b2cbf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--jet);border-radius:12px 12px 0 0;box-shadow:var(--shadow-2);z-index:5}.navbar-list{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:0 10px}.navbar-link{color:var(--light-gray);font-size:var(--fs-8);padding:20px 7px;transition:color var(--transition-1);font-weight:var(--fw-500)}.navbar-link:hover,.navbar-link.active{color:var(--orange-yellow-crayola)}@media(min-width:580px){.sidebar{width:60%;margin-inline:auto}}@media(min-width:1024px){.sidebar{width:100%;margin:0}.sidebar.active{max-height:unset}.info_more-btn{display:none}.navbar{position:absolute;bottom:auto;top:0;right:0;width:max-content;border-radius:0 20px;padding:0 20px;box-shadow:none;background:var(--eerie-black-2);-webkit-backdrop-filter:none;backdrop-filter:none;border:none;border-left:1px solid var(--jet);border-bottom:1px solid var(--jet);z-index:50}.navbar-link{font-size:var(--fs-5);padding:20px}}article{display:none}article.active{display:block;animation:fade .5s ease backwards}@keyframes fade{0%{opacity:0}to{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:20px;margin-bottom:20px}.article-title:after{content:"";position:absolute;bottom:0;left:0;width:30px;height:5px;background:var(--text-gradient-yellow);border-radius:3px}.about-text{color:var(--light-gray);font-size:var(--fs-6);font-weight:var(--fw-300);line-height:1.6;margin-bottom:40px}.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;color:var(--orange-yellow-crayola);font-size:24px}.service-icon-box svg{width:40px;height:40px}.service-item-title{margin-bottom:7px;color:var(--white-2);font-size:var(--fs-4);font-weight:var(--fw-500)}.service-item-text{color:var(--light-gray);font-size:var(--fs-6);font-weight:var(--fw-300);line-height:1.6}@media(min-width:580px){.service-list{grid-template-columns:1fr 1fr;gap:20px 20px}.service-item{display:flex;align-items:flex-start;gap:18px;padding:30px}.service-icon-box{margin:5px 0 0}}.testimonials{margin-bottom:30px}.testimonials-title{margin-bottom:20px}.testimonials-list{display:flex;gap:15px;margin:0 -15px;padding:25px 15px 35px;overflow-x:auto;scroll-behavior:smooth;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory}.testimonials-item{min-width:100%;scroll-snap-align:center}.testimonials-avatar-box{position:absolute;top:0;left:0;transform:translate(15px,-25px);background:var(--bg-gradient-onyx);border-radius:14px;box-shadow:var(--shadow-1)}.content-card{position:relative;background:var(--border-gradient-onyx);padding:45px 30px 30px;border-radius:14px;box-shadow:var(--shadow-2);z-index:1;cursor:pointer}.content-card:before{content:"";position:absolute;inset:1px;background:var(--bg-gradient-jet);border-radius:inherit;z-index:-1}.testimonials-item-title{margin-bottom:7px}.testimonials-text{color:var(--light-gray);font-size:var(--fs-6);font-weight:var(--fw-300);line-height:1.6;display:-webkit-box;line-clamp:4;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.clients{margin-bottom:15px}.clients-list{display:flex;gap:15px;margin:0 -15px;padding:25px;overflow-x:auto;scroll-behavior:smooth;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory}.clients-item{min-width:50%;scroll-snap-align:start}.clients-item img{width:100%;filter:grayscale(1);transition:var(--transition-1)}.clients-item a:hover img{filter:grayscale(0)}@media(min-width:580px){.testimonials-item{min-width:calc(50% - 15px)}.clients-item{min-width:calc(33.33% - 15px)}}.timeline{margin-bottom:30px}.timeline .title-wrapper{display:flex;align-items:center;gap:15px;margin-bottom:25px}.timeline-list{margin-left:45px}.timeline-item{position:relative;margin-bottom:20px}.timeline-item-title{font-size:var(--fs-6);line-height:1.3;margin-bottom:7px;color:var(--white-2)}.timeline-list span{color:var(--vegas-gold);font-weight:var(--fw-400);line-height:1.6}.timeline-text{color:var(--light-gray);font-weight:var(--fw-300);line-height:1.6;font-size:var(--fs-6)}.timeline-item: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)}.skills-title{margin-bottom:20px}.skills-list{background:var(--border-gradient-onyx);padding:20px;border-radius:14px;position:relative;z-index:1}.skills-list:before{content:"";position:absolute;inset:1px;background:var(--bg-gradient-jet);border-radius:inherit;z-index:-1}.skills-item:not(:last-child){margin-bottom:15px}.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)}.skill-progress-bg{background:var(--jet);width:100%;height:8px;border-radius:10px}.skill-progress-fill{background:var(--text-gradient-yellow);height:100%;border-radius:inherit}.project-list{display:grid;grid-template-columns:1fr;gap:30px;margin-bottom:10px}.project-img{width:100%;height:200px;border-radius:16px;overflow:hidden;margin-bottom:15px;position:relative}.project-img:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1;transition:var(--transition-1)}.project-item>a:hover .project-img:before{background:#00000080}.project-item-icon-box{--scale: .8;background:var(--jet);color:var(--orange-yellow-crayola);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(var(--scale));font-size:20px;padding:18px;border-radius:12px;opacity:0;z-index:1;transition:var(--transition-1)}.project-img img{width:100%;height:100%;object-fit:cover;transition:var(--transition-1)}.project-link-wrapper:hover .project-item-icon-box{opacity:1!important}.project-link-wrapper:hover img{transform:scale(1.1)}.icon-link:hover{background:var(--bg-gradient-yellow-1)!important;color:var(--white-1)!important}.project-title{color:var(--white-2);font-size:var(--fs-5);font-weight:var(--fw-400);margin-left:10px;margin-bottom:3px}.project-category{color:var(--light-gray-70);font-size:var(--fs-6);font-weight:var(--fw-300);margin-left:10px}@media(min-width:580px){.project-list{grid-template-columns:1fr 1fr}}@media(min-width:768px){.services-list,.testimonials-list,.clients-list{margin:0}}.resume-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.resume-header .article-title{margin-bottom:0}.download-btn{display:flex;align-items:center;gap:10px;background:var(--bg-gradient-onyx);color:var(--orange-yellow-crayola);padding:10px 20px;border-radius:14px;font-size:var(--fs-6);font-weight:var(--fw-500);box-shadow:var(--shadow-2);transition:var(--transition-1);position:relative;z-index:1}.download-btn:before{content:"";position:absolute;inset:1px;background:var(--bg-gradient-jet);border-radius:inherit;z-index:-1}.download-btn:hover{background:var(--bg-gradient-yellow-1);color:var(--white-1)}.download-btn ion-icon{font-size:18px}.tech-card{background:var(--bg-gradient-jet);padding:15px;border-radius:12px;border:1px solid var(--jet);display:flex;flex-direction:column;align-items:center;gap:10px;transition:var(--transition-1);box-shadow:var(--shadow-1);cursor:default}.tech-card:hover{transform:translateY(-5px);border-color:var(--orange-yellow-crayola);background:var(--bg-gradient-onyx)}.tech-card ion-icon{font-size:32px;color:var(--orange-yellow-crayola)}.stat-card{background:var(--bg-gradient-onyx);padding:20px;border-radius:16px;border:1px solid var(--jet);display:flex;align-items:center;gap:20px;box-shadow:var(--shadow-3);transition:var(--transition-1)}.stat-card:hover{transform:scale(1.02);border-color:var(--orange-yellow-crayola)}.timeline-item:after{content:"";position:absolute;top:15px;left:-22px;height:1px;width:22px;background:var(--jet)}.achievement-card:hover{transform:translateY(-10px);border-color:var(--orange-yellow-crayola)}.achievement-card:hover .achievement-img-box img{transform:scale(1.1)}@media(max-width:768px){.achievement-card{flex-direction:column!important}}.skill-group-card:hover{transform:translateY(-8px);border-color:var(--orange-yellow-crayola)!important}.skill-group-card:hover .icon-box{background:var(--bg-gradient-yellow-1)!important;color:var(--white-1)!important}.soft-skill-tag:hover{border-color:var(--orange-yellow-crayola)!important;transform:translateY(-3px);background:var(--bg-gradient-onyx)!important}.form-input{color:var(--white-2);background:var(--bg-gradient-onyx);border:1px solid var(--jet);transition:var(--transition-1)}.form-input::placeholder{color:var(--light-gray-70)}.form-input:focus{border-color:var(--orange-yellow-crayola);background:var(--eerie-black-2)}:root{--bg-dark: #121212}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-family:Poppins,sans-serif;scroll-behavior:smooth}body{background:#121212;color:#fafafa;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#121212}::-webkit-scrollbar-thumb{background:#383838;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#444}@media(max-width:450px){.app-container{padding:0 10px;margin:10px auto;gap:15px;grid-template-columns:1fr}.sidebar{max-height:112px;margin-bottom:15px}.sidebar.active{max-height:420px}.sidebar-info{gap:10px}.avatar-box img{width:65px}.info-content .name{font-size:1.5rem}.info-content .title{font-size:var(--fs-8)}.contact-list{gap:8px}.contact-item{padding:8px;gap:8px}.contact-info :is(.contact-link,time,address){font-size:var(--fs-8)}.navbar{margin-bottom:15px}.navbar-list{gap:15px;justify-content:center}.navbar-link{font-size:var(--fs-7);padding:8px 12px}.h2,.h3{font-size:var(--fs-2)}.h4{font-size:var(--fs-5)}.article-title{margin-bottom:20px}.service-item{padding:20px!important;gap:15px!important}.service-icon-box{font-size:32px!important}.service-item-title{font-size:var(--fs-5)}.about-intro{padding:20px!important}.stat-card{padding:15px!important;gap:12px!important;flex-direction:column;text-align:center}.timeline .icon-box{width:36px!important;height:36px!important;font-size:18px!important}.timeline-item{padding-left:25px!important}.timeline-text{font-size:var(--fs-8)!important}.project-item{min-width:100%}.project-img{border-radius:12px}.project-item-icon-box{width:35px;height:35px;font-size:18px}.achievement-card{flex-direction:column!important;text-align:center}.achievement-img-box{margin-right:0!important;margin-bottom:15px}.skill-group-card{padding:20px!important}.skills-grid{gap:12px!important}.skill-badge{padding:8px 12px!important;font-size:var(--fs-8)!important}.resume-header{flex-direction:column;align-items:flex-start!important;gap:15px}.download-btn{width:100%;justify-content:center}.resume-viewer iframe{height:500px!important}.form-input{padding:12px 15px}.form-btn{width:100%}}@media(min-width:450px)and (max-width:580px){.navbar-list{gap:20px}.service-list{grid-template-columns:1fr!important}.project-item{min-width:calc(50% - 10px)}.achievement-card{flex-direction:row!important}}@media(min-width:580px)and (max-width:768px){.sidebar{max-height:unset}.info_more-btn{display:none}.sidebar-info{gap:20px}.avatar-box img{width:90px}.navbar-list{gap:30px}.navbar-link{font-size:var(--fs-6)}.service-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important}.project-list{grid-template-columns:1fr 1fr;gap:20px}.achievement-list{grid-template-columns:1fr;gap:25px}}@media(min-width:768px)and (max-width:1024px){.app-container{max-width:720px;margin:40px auto}.sidebar{padding:25px}.avatar-box img{width:100px}.service-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))!important}.achievement-card{flex-direction:row!important}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important}}@media(min-width:1024px){.sidebar{position:sticky;top:60px;max-height:calc(100vh - 120px);padding:30px}.sidebar-info{flex-direction:column;text-align:center}.avatar-box img{width:120px}.info-content .name{font-size:2.5rem}.contact-list{margin-top:20px}.navbar-list{justify-content:flex-start;gap:35px}.service-list{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))!important}.project-list,.achievement-list{grid-template-columns:repeat(2,1fr)}.resume-viewer iframe{height:1150px!important}}@media(min-width:1250px){.app-container{max-width:1200px}.service-list{grid-template-columns:1fr 1fr!important}}@media(min-width:1400px){.app-container{max-width:1350px}}@media(max-height:500px)and (orientation:landscape){.sidebar{max-height:unset}.info_more-btn{display:none}}