@import "https://fonts.googleapis.com/css2?family=Courgette&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-blue-1:linear-gradient(to bottom right, #7ddff2 0%, #ffc06100 50%);--bg-gradient-blue-2:linear-gradient(135deg, #7ddff240 0%, #ffbb5c00 59.86%), #202022;--border-gradient-onyx:linear-gradient(to bottom right, #404040 0%, #40404000 50%);--text-gradient-blue:linear-gradient(to right, #7ddff2, #52b3c7);--jet:#383838;--onyx:#2b2b2c;--eerie-black-1:#202022;--eerie-black-2:#1e1e1f;--smoky-black:#121212;--white-1:#fff;--white-2:#fafafa;--sky-blue-crayola:#7ddff2;--vegas-gold:#52b3c7;--light-gray:#d6d6d6;--light-gray-70:#d6d6d6b3;--bittersweet-shimmer:#b84c4c;--ff-poppins:"Poppins", sans-serif;--ff-courgette:"Courgette", 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 #00000040;--shadow-2:0 16px 30px #00000040;--shadow-3:0 16px 40px #00000040;--shadow-4:0 25px 50px #00000026;--shadow-5:0 24px 80px #00000040;--transition-1:.25s ease;--transition-2:.5s ease-in-out}*,:before,:after{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none}li{list-style:none}img,ion-icon,a,button,time,span{display:block}button{font:inherit;text-align:left;cursor:pointer;background:0 0;border:none}input,textarea{width:100%;font:inherit;background:0 0;display:block}::selection{background:var(--sky-blue-crayola);color:var(--smoky-black)}:focus{outline-color:var(--sky-blue-crayola)}html{font-family:var(--ff-poppins);scrollbar-width:none}body{background:var(--smoky-black)}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}.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}.separator{background:var(--jet);width:100%;height:1px;margin:16px 0}.icon-box{background:var(--border-gradient-onyx);width:30px;height:30px;color:var(--sky-blue-crayola);box-shadow:var(--shadow-1);z-index:1;border-radius:8px;justify-content:center;align-items:center;font-size:16px;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}article{display:none}article.active{animation:.5s backwards fade;display:block}@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{margin-bottom:30px;padding-bottom:7px;position:relative}.article-title:after{content:"";background:var(--text-gradient-blue);border-radius:3px;width:50px;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(--sky-blue-crayola);border-radius:5px}.has-scrollbar::-webkit-scrollbar-button{width:20px}.content-card{background:var(--border-gradient-onyx);box-shadow:var(--shadow-2);z-index:1;border-radius:14px;padding:45px 15px 15px;position:relative}.content-card:before{content:"";background:var(--bg-gradient-jet);border-radius:inherit;z-index:-1;position:absolute;inset:1px}main{min-width:259px;min-height:calc(100vh - 140px);margin:15px 12px 75px}.sidebar{max-height:112px;transition:var(--transition-2);margin-bottom:15px;overflow:hidden}.sidebar.active{max-height:405px}.sidebar-info{justify-content:flex-start;align-items:center;gap:15px;display:flex;position:relative}.avatar-box{cursor:pointer;border-radius:10px;flex-shrink:0;position:relative;overflow:hidden}.avatar-box img{object-fit:cover;background:var(--bg-gradient-onyx);filter:blur(10px);width:100%;height:100%;transition:all .7s}.avatar-box img:hover{filter:blur(3px);transform:scale(1.05)}.info-content .name{color:var(--white-2);font-size:var(--fs-2);font-weight:var(--fw-500);font-family:var(--ff-courgette);margin-bottom:10px}.info-content .title{color:var(--white-1);background:var(--onyx);font-size:var(--fs-8);font-weight:var(--fw-300);border-radius:8px;width:max-content;padding:3px 12px}.info_more-btn{color:var(--sky-blue-crayola);background:var(--border-gradient-onyx);box-shadow:var(--shadow-2);transition:var(--transition-1);z-index:1;border-radius:0 15px;padding:10px;font-size:13px;position:absolute;top:-15px;right:-15px}.info_more-btn:before{content:"";border-radius:inherit;background:var(--bg-gradient-jet);transition:var(--transition-1);z-index:-1;position:absolute;inset:1px}.info_more-btn:hover,.info_more-btn:focus{background:var(--bg-gradient-blue-1)}.info_more-btn:hover:before,.info_more-btn:focus:before{background:var(--bg-gradient-blue-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{grid-template-columns:1fr;gap:16px;display:grid}.contact-item{align-items:center;gap:16px;min-width:100%;display:flex}.contact-info{width:calc(100% - 46px);max-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{justify-content:flex-start;align-items:center;gap:20px;padding-bottom:4px;padding-left:7px;display:flex}.social-item .social-link{color:var(--light-gray-70);font-size:18px;transition:transform .5s}.social-item .social-link:hover svg,.social-item .social-link:focus svg{fill:var(--sky-blue-crayola);transform:scale(1.1)}#popup{z-index:9999;opacity:0;pointer-events:none;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s;display:flex;position:fixed;top:0;left:0}#popup.show{opacity:1;pointer-events:auto}#popup img{border-radius:10px;max-width:95vw;max-height:95vh;transition:transform .5s;transform:scale(.9);box-shadow:0 0 20px #ffffff4d}#popup.show img{transform:scale(1)}.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{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;padding:0 10px;display:flex}.navbar-link{color:var(--light-gray);font-size:var(--fs-7);transition:color var(--transition-1);cursor:pointer;background:0 0;border:none;padding:15px 3px}.navbar-link:hover,.navbar-link:focus{color:var(--light-gray-70)}.navbar-link.active{color:var(--sky-blue-crayola)}.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{white-space:pre-line;margin-bottom:15px}.about-text a{color:var(--sky-blue-crayola);display:inline}.highlights{margin-bottom:15px}.highlights-list{scroll-behavior:smooth;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;justify-content:flex-start;align-items:flex-start;gap:15px;padding:25px 5px;scroll-padding-inline:25px;display:flex;overflow-x:auto}.highlights-item{scroll-snap-align:start;min-width:50%}.service-item-title{margin-bottom:7px}.service-item-text{color:var(--light-gray);font-size:var(--fs-6);font-weight:var(--fw-300);line-height:1.6}.h3.highlights-title,.h3.showcase-title{align-items:center;gap:10px;display:inline-flex}.h3.highlights-title ion-icon,.h3.showcase-title ion-icon{font-size:1em}.showcase-posts{margin-bottom:10px}.showcase-header{margin:20px 0}.showcase-posts-list{grid-template-columns:1fr;gap:20px;display:grid}.showcase-post-item>a{background:var(--border-gradient-onyx);height:100%;box-shadow:var(--shadow-4);z-index:1;border-radius:12px;position:relative;overflow:hidden}.showcase-post-item>a:before{content:"";border-radius:inherit;background:var(--eerie-black-1);z-index:-1;position:absolute;inset:1px}.showcase-banner-box{width:100%;height:auto;overflow:hidden}.showcase-banner-box img{object-fit:cover;width:100%;height:100%;transition:var(--transition-1)}.showcase-post-item>a:hover .showcase-banner-box img{transform:scale(1.07)}.showcase-content{padding:15px}.showcase-meta{justify-content:flex-start;align-items:center;gap:7px;margin-bottom:10px;display:flex}.showcase-meta :is(.showcase-category,.showcase-link){color:var(--light-gray-70);font-size:var(--fs-6);font-weight:var(--fw-300)}.showcase-item-title{transition:var(--transition-1);margin-bottom:10px;line-height:1.3}.showcase-text{color:var(--light-gray);font-size:var(--fs-6);font-weight:var(--fw-300);white-space:pre-line;line-height:1.6}.timeline{margin-bottom:30px}.timeline .title-wrapper{align-items:center;gap:15px;margin-bottom:25px;display:flex}.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-5);margin-bottom:7px;line-height:1.3}.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-blue);width:6px;height:6px;box-shadow:0 0 0 4px var(--jet);border-radius:50%;position:absolute;top:5px;left:-33px}.timeline-text{color:var(--light-gray);font-weight:var(--fw-300);white-space:pre-line;line-height:1.6}.skills-title{margin-bottom:20px}.skills-list{padding:20px}.skills-item:not(:last-child){margin-bottom:15px}.skill .title-wrapper{align-items:center;gap:5px;margin-bottom:8px;display:flex}.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{background:var(--text-gradient-blue);border-radius:inherit;height:100%}.portfolio-posts{margin-bottom:10px}.portfolio-posts-list{grid-template-columns:1fr;gap:20px;display:grid}.portfolio-post-item>a{background:var(--border-gradient-onyx);height:100%;box-shadow:var(--shadow-4);z-index:1;border-radius:12px;position:relative;overflow:hidden}.portfolio-post-item>a:before{content:"";border-radius:inherit;background:var(--eerie-black-1);z-index:-1;position:absolute;inset:1px}.portfolio-banner-box{aspect-ratio:16/9;width:100%;transition:var(--transition-1);position:relative;overflow:hidden}.portfolio-banner-box:hover{transform:scale(1.03)}.portfolio-banner-box img{object-fit:cover;width:100%;height:100%}.portfolio-content{padding:15px}.portfolio-meta{justify-content:flex-start;align-items:center;gap:7px;margin-bottom:10px;display:flex}.portfolio-meta :is(.portfolio-category,.portfolio-link){color:var(--light-gray-70);font-size:var(--fs-6);font-weight:var(--fw-300)}.portfolio-meta .dot{background:var(--light-gray-70);border-radius:4px;width:4px;height:4px}.portfolio-item-title{transition:var(--transition-1);margin-bottom:10px;line-height:1.3}.portfolio-post-item>a:hover .portfolio-item-title{color:var(--sky-blue-crayola)}.portfolio-text{color:var(--light-gray);font-size:var(--fs-6);font-weight:var(--fw-300);white-space:pre-line;line-height:1.6}.mapbox{border:1px solid var(--jet);border-radius:16px;width:100%;height:250px;margin-bottom:30px;position:relative;overflow:hidden}.mapbox figure{height:100%}.mapbox iframe{filter:grayscale()invert();border:none;width:100%;height:100%}.contact-form{margin-bottom:10px}.form-title{margin-bottom:20px}.input-wrapper{grid-template-columns:1fr;gap:25px;margin-bottom:25px;display:grid}.form-input{color:var(--white-2);font-size:var(--fs-5);font-weight:var(--fw-400);border:1px solid var(--jet);border-radius:10px;outline:none;padding:13px 20px}.form-input::placeholder{font-weight:var(--fw-500);opacity:.5}.form-input:focus{border-color:var(--sky-blue-crayola)}textarea.form-input{resize:vertical;height:120px;min-height:100px;max-height:200px;margin-bottom:25px}textarea.form-input::-webkit-resizer{display:none}.form-input:focus:invalid{border-color:var(--bittersweet-shimmer)}.form-btn{background:var(--border-gradient-onyx);width:100%;color:var(--sky-blue-crayola);font-size:var(--fs-5);text-transform:capitalize;box-shadow:var(--shadow-3);z-index:1;transition:var(--transition-1);border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:15px 20px;display:flex;position:relative}.form-btn:before{content:"";background:var(--bg-gradient-jet);border-radius:inherit;z-index:-1;transition:var(--transition-1);position:absolute;inset:1px}.form-btn ion-icon{font-size:16px}.form-btn:hover{background:var(--bg-gradient-blue-1)}.form-btn:hover:before{background:var(--bg-gradient-blue-2)}.form-btn:disabled{opacity:.7;cursor:not-allowed}.form-btn:disabled:hover{background:var(--border-gradient-onyx)}.form-btn:disabled:hover:before{background:var(--bg-gradient-jet)}.contact-details-wrapper{background:var(--eerie-black-2);border:1px solid var(--jet);box-shadow:var(--shadow-1);border-radius:20px;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;margin-bottom:20px;padding:20px;display:flex}.contact-details{flex:180px;min-width:180px}.contact-info-list{flex-direction:column;gap:10px;margin-top:15px;display:flex}.contact-info-list li{color:var(--white-2);align-items:center;gap:10px;display:flex}.contact-text{font-size:var(--fs-6);color:var(--light-gray)}.contact-form-wrapper{margin-bottom:10px}.contact-form-box{background:var(--eerie-black-2);border-radius:20px;margin-top:20px;margin-bottom:20px;padding:10px}.contact-form-wrapper p{opacity:.3;color:var(--white-2);text-align:left;margin-bottom:10px;padding:0 7px;font-size:.75rem}.contact-form-wrapper a{color:var(--sky-blue-crayola);display:inline}.form-btn .content{align-items:center;gap:10px;transition:opacity .3s;display:flex}.container{flex-wrap:wrap;justify-content:center;gap:10px;padding:30px 0;display:flex}.card-wrap{perspective:1000px;cursor:pointer}.card{width:160px;height:240px;transform-style:preserve-3d;background:#333;border-radius:10px;transition:transform .15s ease-out,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 30px 60px #000000a8,inset 0 0 0 5px #333,inset 0 0 0 6px #ffffff80}.card-bg{opacity:.5;pointer-events:none;transition:transform .3s ease-out,opacity .3s ease-out;position:absolute;inset:0}.card-bg img{object-fit:cover;pointer-events:none;width:100%;height:100%;transition:inherit}.card-info{color:#fff;pointer-events:none;-webkit-user-select:none;user-select:none;padding:15px;transition:transform .6s ease-in-out;position:absolute;bottom:0;transform:translateY(40%)}.card-info h2{opacity:.7;text-shadow:0 10px 10px #00000080;margin:0;font-family:Courgette,Comic Sans MS,cursive;font-size:15px;font-weight:300}.card-info p{opacity:0;text-shadow:0 2px 3px #000;padding:2px;font-size:9px;transition:opacity .3s ease-in-out}.card-info:after{content:"";background-blend-mode:overlay;opacity:0;z-index:0;background:linear-gradient(#0000 0%,#0009 100%);transition:transform .8s,opacity 1s;position:absolute;inset:0;transform:translateY(100%)}.card-info *{z-index:1;position:relative}.card-wrap:hover .card{transform:rotateX(8deg)rotateY(8deg);box-shadow:0 0 40px 5px #fff3,0 0 0 1px #fff,0 30px 60px #000000a8,inset 0 0 0 5px #333,inset 0 0 0 6px #fff}.card-wrap:hover .card-bg{opacity:.8;transform:scale(1.05)translateY(-10px)}.card-wrap:hover .card-info{transform:translateY(0)}.card-wrap:hover .card-info p{opacity:.7}.card-wrap:hover .card-info:after{opacity:1;transform:translateY(0)}footer{text-align:center;color:#fff;background-color:#333;width:100%;height:40px;padding:10px;font-size:.9em;display:none;position:relative}footer .copyright{text-align:center;display:block}@media (min-width:420px){.highlights-item{min-width:calc(33.33% - 10px)}.card{width:175px;height:250px}.card-info p{padding:3px;font-size:10px}}@media (min-width:576px){: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:70px;height:5px}.icon-box{border-radius:12px;width:48px;height:48px;font-size:18px}main{margin-top:50px;margin-bottom:100px}.sidebar{max-height:180px;margin-bottom:30px}.sidebar.active{max-height:584px}.sidebar-info{gap:25px}.avatar-box{border-radius:15px}.info-content .name{margin-bottom:15px}.info-content .title{padding:5px 18px}.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}.contacts-list{gap:20px}.contact-info{width:calc(100% - 64px);max-width:calc(100% - 64px)}.navbar{border-radius:20px 20px 0 0}.navbar-list{gap:20px}.about .article-title{margin-bottom:20px}.about-text{margin-bottom:40px}.highlights-list{gap:50px;scroll-padding-inline:45px}.highlights-item{min-width:calc(33.33% - 35px)}.showcase-posts-list{gap:30px}.showcase-content{padding:25px}.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}.portfolio-posts-list{gap:30px}.portfolio-content{padding:25px}.mapbox{border-radius:18px;height:380px}.input-wrapper{gap:30px;margin-bottom:30px}textarea.form-input{margin-bottom:30px}.form-btn{--fs-5:16px;padding:16px 40px}}@media (min-width:768px){.sidebar,article{width:700px}.has-scrollbar::-webkit-scrollbar-button{width:100px}.contacts-list{grid-template-columns:1fr 1fr;gap:30px 15px}.navbar-link{--fs-7:15px}.showcase-posts-list,.portfolio-posts-list,.input-wrapper{grid-template-columns:1fr 1fr}.form-btn{width:max-content;margin-left:auto}}@media (min-width:1024px){:root{--shadow-1:-4px 8px 24px #00000020;--shadow-2:0 16px 30px #00000020;--shadow-3:0 16px 40px #00000020}.sidebar,article{width:950px;box-shadow:var(--shadow-5)}main{margin-bottom:50px}.main-content{width:max-content;margin:auto;position:relative}.navbar{width:max-content;box-shadow:none;border-radius:0 20px;padding:0 10px;position:absolute;inset:0 0 auto auto}.navbar-list{gap:17px;padding:0 10px}.navbar-link{font-weight:var(--fw-500)}.navbar-link.active{color:var(--sky-blue-crayola);background:linear-gradient(to bottom, var(--sky-blue-crayola) 0%, #ffda6b00 100%);background-position:bottom;background-repeat:no-repeat;background-size:100% 2px;position:relative}.highlights-item{min-width:calc(25% - 38px)}.showcase-posts-list{grid-template-columns:1fr 1fr}.form-btn{margin-top:-30px}.contact-form p{margin-bottom:0}footer{display:block}}@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:#ffffff1a;border-radius:20px;box-shadow:inset 1px 1px #ffffff1c,inset -1px -1px #ffffff1c}body::-webkit-scrollbar-thumb:hover{background:#ffffff26}body::-webkit-scrollbar-button{height:60px}.sidebar,article{width:auto}article{min-height:100%}main{justify-content:center;align-items:stretch;gap:25px;max-width:1200px;margin-inline:auto;display:flex}.main-content{width:75%;min-width:75%;margin:0}.sidebar{z-index:1;height:100%;max-height:max-content;margin-bottom:0;padding-top:40px;position:sticky;top:50px}.sidebar-info{flex-direction:column}.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 .contact-link{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.contact-info :is(.contact-link,.showcase-link,address){--fs-7:14px;font-weight:var(--fw-300)}.separator:last-of-type{opacity:0;margin:15px 0}.social-list{justify-content:center}.timeline-text{max-width:700px}.avatar-box img{width:170px}}.right-sidebar{z-index:5;position:fixed;top:50px;right:20px}.ai-tools-float{flex-direction:column;gap:6px;display:flex}.ai-tools-btn{background:var(--eerie-black-1);color:var(--light-gray-70);font-size:12px;font-family:var(--ff-poppins);cursor:pointer;white-space:nowrap;text-align:left;border:1px solid #404040;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;text-decoration:none;transition:color .15s,background .15s,border-color .15s;display:flex}.ai-tools-btn:hover{color:var(--white-1);background:#ffffff0d;border-color:#595959}.ai-tools-btn svg{flex-shrink:0;display:block}