@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap";:root{--bg-gradient-onyx:linear-gradient(to bottom right, #3f3f40 3%, #303030 97%);--bg-gradient-jet:linear-gradient(to bottom right, #2d2d2e40 0%, #1b1b1d00 100%), #202022;--bg-gradient-yellow-1:linear-gradient(to bottom right, #ffda6b 0%, #ffc06100 50%);--bg-gradient-yellow-2:linear-gradient(135deg, #ffda6b40 0%, #ffbb5c00 59.86%), #202022;--border-gradient-onyx:linear-gradient(to bottom right, #404040 0%, #40404000 50%);--text-gradient-yellow:linear-gradient(to right, #ffdb70, #ffbb5c);--jet:#383838;--onyx:#2b2b2c;--eerie-black-1:#202022;--eerie-black-2:#1e1e1f;--smoky-black:#121212;--white-1:#fff;--white-2:#fafafa;--orange-yellow-crayola:#ffdb70;--vegas-gold:#ceb15a;--light-gray:#d6d6d6;--light-gray-70:#d6d6d6b3;--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 #00000040;--shadow-2:0 16px 30px #00000040;--shadow-5:0 24px 80px #00000040;--transition-1:.25s ease;--transition-2:.5s ease-in-out}*,:before,:after{box-sizing:border-box}html{font-family:Poppins,sans-serif}body{background:var(--smoky-black);min-height:100vh;margin:0}a{text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer;text-align:left;background:0 0;border:0}img,ion-icon,a,button,time,span,data{display:block}img{max-width:100%;height:auto}ul,ol{margin:0;padding:0;list-style:none}::selection{background:var(--orange-yellow-crayola);color:var(--smoky-black)}:focus-visible{outline:2px solid var(--orange-yellow-crayola);outline-offset:4px}#root{min-height:100vh}main{min-width:259px;margin:15px 12px 75px}.sidebar,article{background:var(--eerie-black-2);border:1px solid var(--jet);box-shadow:var(--shadow-1);z-index:1;border-radius:20px;padding:15px}article{display:none}article.active{animation:.5s backwards fade;display:block}@keyframes fade{0%{opacity:0}to{opacity:1}}.separator{background:var(--jet);width:100%;height:1px;margin:16px 0}.icon-box{background:var(--border-gradient-onyx);width:30px;height:30px;color:var(--orange-yellow-crayola);box-shadow:var(--shadow-1);border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative}.icon-box:before{content:"";background:var(--eerie-black-1);border-radius:inherit;z-index:-1;position:absolute;inset:1px}.icon-box ion-icon{--ionicon-stroke-width:35px}.content-card{background:var(--border-gradient-onyx);box-shadow:var(--shadow-2);z-index:1;border-radius:14px;padding:30px;position:relative}.content-card:before{content:"";background:var(--bg-gradient-jet);border-radius:inherit;z-index:-1;position:absolute;inset:1px}.h2,.h3,.h4,.h5{color:var(--white-2);text-transform:capitalize;margin:0}.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{margin-bottom:30px;padding-bottom:7px;position:relative}.article-title:after{content:"";background:var(--text-gradient-yellow);border-radius:3px;width:30px;height:3px;position:absolute;bottom:0;left:0}.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}.sidebar{max-height:112px;transition:var(--transition-2);margin-bottom:15px;overflow:hidden}.sidebar.active{max-height:405px}.sidebar-info{align-items:center;gap:15px;display:flex;position:relative}.avatar-box{background:var(--bg-gradient-onyx);border-radius:20px;flex-shrink:0;width:80px;height:80px;overflow:hidden}.avatar-box img{object-fit:cover;width:100%;height:100%}.info-content .name{color:var(--white-2);font-size:var(--fs-3);font-weight:var(--fw-500);letter-spacing:-.25px;margin:0 0 10px}.info-content .title{width:max-content;color:var(--white-1);background:var(--onyx);font-size:var(--fs-8);font-weight:var(--fw-300);border-radius:8px;margin:0;padding:3px 12px}.info_more-btn{color:var(--orange-yellow-crayola);background:var(--border-gradient-onyx);box-shadow:var(--shadow-2);transition:var(--transition-1);border-radius:0 15px;padding:10px;position:absolute;top:-15px;right:-15px}.info_more-btn:before{content:"";border-radius:inherit;background:var(--bg-gradient-jet);z-index:-1;position:absolute;inset:1px}.info_more-btn:hover,.info_more-btn:focus-visible{background:var(--bg-gradient-yellow-1)}.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{gap:16px;display:grid}.contact-item{align-items:center;gap:16px;display:flex}.contact-info{max-width:calc(100% - 46px)}.contact-title{color:var(--light-gray-70);font-size:var(--fs-8);text-transform:uppercase;margin:0 0 2px}.contact-info :is(.contact-link,time,address){color:var(--white-2);font-size:var(--fs-7);font-style:normal}.social-list{gap:15px;padding:0 0 4px 7px;display:flex}.social-link{color:var(--light-gray-70);font-size:18px}.social-link:hover{color:var(--light-gray)}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--jet);width:100%;box-shadow:var(--shadow-2);z-index:5;background:#2b2b2cbf;border-radius:12px 12px 0 0;position:fixed;bottom:0;left:0}.navbar-list{justify-content:center;padding:0 10px;display:flex}.navbar-link{color:var(--light-gray);font-size:var(--fs-8);transition:color var(--transition-1);padding:20px 7px}.navbar-link:hover,.navbar-link:focus-visible{color:var(--light-gray-70)}.navbar-link.active{color:var(--orange-yellow-crayola)}.about .article-title{margin-bottom:15px}.about-text,.service-item-text,.testimonials-text,.timeline-text,.featured-card,.featured-card p,.featured-card li{color:var(--light-gray);font-size:var(--fs-6);font-weight:var(--fw-300);line-height:1.6}.about-text p{margin:0 0 15px}.featured-project,.service,.timeline{margin-bottom:35px}.service-title,.skills-title,.testimonials-title{margin-bottom:20px}.featured-card{margin-top:12px;padding-top:15px}.featured-subtitle{opacity:.85;margin:6px 0 0}.featured-bullets{margin:12px 0 0;padding-left:18px}.featured-bullets li{margin:6px 0;list-style:outside}.featured-actions{flex-wrap:wrap;gap:12px;margin-top:14px;display:flex}.featured-btn{border:1px solid var(--jet);background:var(--onyx);color:var(--white-2);font-size:var(--fs-7);font-weight:var(--fw-500);transition:filter var(--transition-1), background var(--transition-1);border-radius:12px;justify-content:center;align-items:center;padding:10px 14px;display:inline-flex}.featured-btn--primary{background:var(--text-gradient-yellow);color:var(--smoky-black);border-color:#0000}.featured-btn:hover,.featured-btn:focus-visible{filter:brightness(1.08)}.service-list{gap:20px;display:grid}.service-item{background:var(--border-gradient-onyx);box-shadow:var(--shadow-2);border-radius:14px;padding:20px;position:relative}.service-item:before{content:"";background:var(--bg-gradient-jet);border-radius:inherit;z-index:-1;position:absolute;inset:1px}.service-content-box{text-align:center}.service-item-title,.testimonials-item-title,.timeline-item-title{margin-bottom:7px}.testimonials{margin-bottom:30px}.testimonials-list{scroll-behavior:smooth;scroll-snap-type:inline mandatory;gap:15px;margin:0 -15px;padding:25px 15px 35px;display:flex;overflow-x:auto}.testimonials-item{scroll-snap-align:center;min-width:100%}.testimonials-avatar-box{background:var(--bg-gradient-onyx);box-shadow:var(--shadow-1);border-radius:14px;position:absolute;top:0;left:0;transform:translate(15px,-25px)}.timeline .title-wrapper,.skill .title-wrapper{align-items:center;display:flex}.timeline .title-wrapper{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-list span{color:var(--vegas-gold);font-weight:var(--fw-400);line-height:1.6}.timeline-item:not(:last-child):before{content:"";background:var(--jet);width:1px;height:calc(100% + 50px);position:absolute;top:-25px;left:-30px}.timeline-item:after{content:"";background:var(--text-gradient-yellow);width:6px;height:6px;box-shadow:0 0 0 4px var(--jet);border-radius:50%;position:absolute;top:5px;left:-33px}.skills-list{padding:20px}.skills-item:not(:last-child){margin-bottom:15px}.skill .title-wrapper{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);border-radius:10px;width:100%;height:8px}.skill-progress-fill{border-radius:inherit;background:var(--text-gradient-yellow);height:100%;transition:width .9s}.filter-list{display:none}.filter-select-box{margin-bottom:25px;position:relative}.filter-select{border:1px solid var(--jet);background:var(--eerie-black-2);width:100%;color:var(--light-gray);font-size:var(--fs-6);font-weight:var(--fw-300);border-radius:14px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.filter-select.active .select-icon{transform:rotate(.5turn)}.select-list{border:1px solid var(--jet);background:var(--eerie-black-2);opacity:0;visibility:hidden;pointer-events:none;border-radius:14px;width:100%;padding:6px;transition:all .15s ease-in-out;position:absolute;top:calc(100% + 6px)}.filter-select.active+.select-list{opacity:1;visibility:visible;pointer-events:all}.select-item button,.filter-item button{color:var(--light-gray);transition:var(--transition-1)}.select-item button{background:var(--eerie-black-2);width:100%;font-size:var(--fs-6);font-weight:var(--fw-300);text-transform:capitalize;border-radius:8px;padding:8px 10px}.project-list{grid-template-columns:1fr;justify-items:center;gap:30px;margin-bottom:10px;display:grid}.project-item{width:100%;animation:.25s forwards scaleUp}@keyframes scaleUp{0%{transform:scale(.5)}to{transform:scale(1)}}.project-item>a{width:100%;max-width:300px;margin-inline:auto;display:block}.project-item>a:hover .project-preview{transform:scale(1.04)}.project-img{margin-inline:auto;background:var(--bg-gradient-jet);border-radius:16px;width:100%;height:170px;margin-bottom:10px;position:relative;overflow:hidden}.project-preview{object-fit:cover;object-position:center top;width:100%;height:100%;transition:transform var(--transition-1);display:block}.project-img:before{content:"";transition:var(--transition-1);z-index:1;background:0 0;position:absolute;inset:0}.project-item>a:hover .project-img:before{background:#00000080}.project-item-icon-box{background:var(--jet);color:var(--orange-yellow-crayola);opacity:0;transition:var(--transition-1);z-index:2;border-radius:12px;padding:18px;font-size:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8)}.project-item>a:hover .project-item-icon-box{opacity:1;transform:translate(-50%,-50%)scale(1)}.project-title,.project-category{text-align:center;margin-left:0}.project-title{color:var(--white-2);font-size:var(--fs-5);font-weight:var(--fw-400);margin-bottom:4px;line-height:1.3}.project-category{color:var(--light-gray-70);font-size:var(--fs-6);font-weight:var(--fw-300)}@media (prefers-reduced-motion:reduce){.skill-progress-fill,article.active,.project-item{transition:none;animation:none}}@media (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}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;width:120px;height:120px}.info_more-btn{padding:10px 15px;top:-30px;right:-30px}.info_more-btn span{font-size:var(--fs-8);display:block}.info_more-btn ion-icon{display:none}.separator{margin:32px 0}.service-item{gap:18px;padding:30px;display:flex}.service-content-box{text-align:left}.testimonials-list{gap:30px;margin:0 -30px;padding:30px 30px 35px}.testimonials-avatar-box{border-radius:20px;transform:translate(30px,-30px)}.timeline-list{margin-left:65px}.timeline-item:not(:last-child):before{left:-40px}.timeline-item:after{width:8px;height:8px;left:-43px}.skills-item:not(:last-child){margin-bottom:25px}}@media (width>=768px){.sidebar,article{width:700px}.contacts-list{grid-template-columns:1fr 1fr;gap:30px 15px}.filter-select-box{display:none}.filter-list{gap:25px;margin-bottom:30px;padding-left:5px;display:flex}.filter-item button{font-size:var(--fs-5)}.filter-item button.active{color:var(--orange-yellow-crayola)}.project-list{grid-template-columns:1fr 1fr}}@media (width>=1024px){.sidebar,article{width:950px;box-shadow:var(--shadow-5)}main{margin-bottom:60px}.main-content{width:100%;margin:auto;position:relative}.navbar{width:max-content;box-shadow:none;border-radius:0 20px;padding:0 20px;position:absolute;inset:0 0 auto auto}.navbar-list{gap:30px;padding:0 20px}.navbar-link{font-weight:var(--fw-500)}.service-list{grid-template-columns:1fr 1fr;gap:20px 25px}.testimonials-item{min-width:calc(50% - 15px)}.project-list{grid-template-columns:repeat(3,1fr)}}@media (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:#ffffff1a;border-radius:20px}.sidebar,article{width:auto}main{justify-content:center;align-items:stretch;gap:25px;max-width:1200px;margin-inline:auto;display:flex}.sidebar{z-index:1;height:100%;max-height:max-content;margin-bottom:0;padding-top:60px;position:sticky;top:60px}.sidebar-info{flex-direction:column}.avatar-box{width:150px;height: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}.main-content{width:75%;min-width:0}article{min-height:100%}}