.container{width:100%;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}@media (min-width:480px){.container{max-width:100%}}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:1400px){.container{max-width:1200px}}.d-none{display:none!important}@media (min-width:480px){.d-xs-none{display:none!important}}@media (min-width:576px){.d-sm-none{display:none!important}}@media (min-width:768px){.d-md-none{display:none!important}}@media (min-width:992px){.d-lg-none{display:none!important}}@media (min-width:1200px){.d-xl-none{display:none!important}}@media (min-width:1400px){.d-xxl-none{display:none!important}}.d-block{display:block!important}@media (min-width:480px){.d-xs-block{display:block!important}}@media (min-width:576px){.d-sm-block{display:block!important}}@media (min-width:768px){.d-md-block{display:block!important}}@media (min-width:992px){.d-lg-block{display:block!important}}@media (min-width:1200px){.d-xl-block{display:block!important}}@media (min-width:1400px){.d-xxl-block{display:block!important}}.d-inline{display:inline!important}@media (min-width:480px){.d-xs-inline{display:inline!important}}@media (min-width:576px){.d-sm-inline{display:inline!important}}@media (min-width:768px){.d-md-inline{display:inline!important}}@media (min-width:992px){.d-lg-inline{display:inline!important}}@media (min-width:1200px){.d-xl-inline{display:inline!important}}@media (min-width:1400px){.d-xxl-inline{display:inline!important}}.d-inline-block{display:inline-block!important}@media (min-width:480px){.d-xs-inline-block{display:inline-block!important}}@media (min-width:576px){.d-sm-inline-block{display:inline-block!important}}@media (min-width:768px){.d-md-inline-block{display:inline-block!important}}@media (min-width:992px){.d-lg-inline-block{display:inline-block!important}}@media (min-width:1200px){.d-xl-inline-block{display:inline-block!important}}@media (min-width:1400px){.d-xxl-inline-block{display:inline-block!important}}.d-flex{display:flex!important}@media (min-width:480px){.d-xs-flex{display:flex!important}}@media (min-width:576px){.d-sm-flex{display:flex!important}}@media (min-width:768px){.d-md-flex{display:flex!important}}@media (min-width:992px){.d-lg-flex{display:flex!important}}@media (min-width:1200px){.d-xl-flex{display:flex!important}}@media (min-width:1400px){.d-xxl-flex{display:flex!important}}.d-grid{display:grid!important}@media (min-width:480px){.d-xs-grid{display:grid!important}}@media (min-width:576px){.d-sm-grid{display:grid!important}}@media (min-width:768px){.d-md-grid{display:grid!important}}@media (min-width:992px){.d-lg-grid{display:grid!important}}@media (min-width:1200px){.d-xl-grid{display:grid!important}}@media (min-width:1400px){.d-xxl-grid{display:grid!important}}.row{flex-wrap:wrap;width:100%;margin-left:-15px;margin-right:-15px;display:flex}@keyframes pulsePrimary{0%{box-shadow:0 0 var(--lightningcss-light,#000)var(--lightningcss-dark,#fff)}80%{box-shadow:0 0 0 10px #ff858500}to{box-shadow:0 0 #ff858500}}@keyframes pulsePrimaryReverse{0%{box-shadow:0 0 var(--lightningcss-light,#fff)var(--lightningcss-dark,#000)}80%{box-shadow:0 0 0 10px #ff858500}to{box-shadow:0 0 #ff858500}}@keyframes pulseWhite{0%{box-shadow:0 0 #fff}80%{box-shadow:0 0 0 10px #ff858500}to{box-shadow:0 0 #ff858500}}*{box-sizing:border-box;margin:0;padding:0}:root.light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{scroll-behavior:smooth;width:100%}body{scroll-behavior:smooth;color:var(--lightningcss-light,#151417)var(--lightningcss-dark,#fbfbfb);background-color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#0f0f11);flex-direction:column;justify-content:space-between;align-items:center;width:100%;min-height:100vh;font-family:Montserrat,sans-serif;font-size:16px;display:flex}body.locked{overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background-color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff)}::-webkit-scrollbar-track{background-color:#0000004d}::selection{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#000);background:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff)}a,a:hover,a:active,a:visited{text-decoration:none}p{background-color:#0000;margin:0}ul,li{margin:0;padding:0;list-style:none}img{-webkit-user-select:none;user-select:none;display:block}svg{display:block}button{cursor:pointer;background-color:#0000;border:none;outline:none;margin:0;padding:0;transition:all .3s}a{cursor:pointer;transition:all .3s}input{outline:none;font-family:Montserrat,sans-serif}input::placeholder{font-family:Montserrat,sans-serif}input::-webkit-inner-spin-button{display:none}input::-webkit-outer-spin-button{display:none}main{width:100%;padding-top:88px;padding-bottom:60px}section{width:100%}.section-title{text-transform:capitalize;-webkit-user-select:none;user-select:none;text-align:center;width:100%;margin-bottom:40px;font-family:Fira Code,monospace;font-size:28px}@media (min-width:768px){.section-title{font-size:32px}}@media (min-width:992px){.section-title{font-size:36px}}@media (min-width:1200px){.section-title{font-size:40px}}@media (min-width:1400px){.section-title{font-size:44px}}.clickable{cursor:pointer}.preloader{z-index:999999;text-align:center;background-color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#0f0f11);flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.preloader.hide{display:none}.preloader .percent{color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);border-radius:50%;flex-direction:row;justify-content:center;align-items:center;width:80px;height:80px;font-size:20px;font-weight:900;transition:all .3s;display:flex}.preloader .percent span{background-color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#0f0f11);border-radius:50%;flex-direction:row;justify-content:center;align-items:center;width:70px;height:70px;display:flex}.preloader .percent.complete{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#000)}.preloader .percent.complete span{background-color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff)}.preloader .percent.hide{display:none}.preloader .progress{width:100%;max-width:500px;height:40px}.preloader .progress .bar{background-color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);border-radius:10px;width:0%;height:100%}.preloader .logo-item{display:none}.preloader .logo-item.show{display:block}.scroll-button{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#000);opacity:0;z-index:999;background-color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);border:1px solid var(--lightningcss-light,#fff)var(--lightningcss-dark,#0f0f11);border-radius:50%;flex-direction:row;justify-content:center;align-items:center;width:35px;height:35px;font-size:16px;transition:all .3s;display:flex;position:fixed;bottom:30px;right:20px;transform:translateY(100px)}.scroll-button.visible{opacity:1;transform:translateY(0)}.scroll-button:hover{border-color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);animation:1s infinite pulsePrimary}@keyframes borderRotate{to{transform:rotate(1turn)}}.logo-wrapper{-webkit-user-select:none;user-select:none;cursor:pointer;color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);flex-flow:wrap;justify-content:center;align-items:center;gap:10px;font-family:Fira Code,monospace;font-size:24px;font-weight:600;line-height:24px;transition:all .2s;display:flex;position:relative}.logo-wrapper.reverse{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#000)}.logo-wrapper span{opacity:0;margin-right:1px;transition:all .3s;animation:.1s forwards spanRenderAnimation;display:inline-block}@media (min-width:768px){.logo-wrapper{gap:15px;font-size:28px;line-height:28px}}@media (min-width:992px){.logo-wrapper{font-size:32px;line-height:32px}}.logo-wrapper:hover span{opacity:1;animation:.4s forwards logoAnimation}.logo-wrapper.infinite span{opacity:1;animation:.4s infinite logoAnimation}.logo-wrapper.white{color:#fff!important}@keyframes spanRenderAnimation{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes logoAnimation{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.social-icons.fixed-icons{z-index:999;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:fixed;top:50%;right:10px;transform:translateY(-50%)}.social-icons.fixed-icons li{opacity:0;transform:scale(0)}.social-icons.fixed-icons li a{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#000);background-color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);border-radius:20px;flex-direction:row;justify-content:center;align-items:center;width:35px;height:35px;font-size:16px;display:flex}.social-icons.fixed-icons li a:hover{animation:1s infinite pulsePrimary!important}.social-icons.fixed-icons li:first-child{animation:.5s 3.6s forwards socialIconAnimation}.social-icons.fixed-icons li:nth-child(2){animation:.5s 3.8s forwards socialIconAnimation}.social-icons.fixed-icons li:nth-child(3){animation:.5s 4s forwards socialIconAnimation}.social-icons.fixed-icons li:nth-child(4){animation:.5s 4.2s forwards socialIconAnimation}.social-icons.about-icons{flex-direction:row;justify-content:center;align-items:center;gap:10px;display:flex}.social-icons.about-icons:hover a{opacity:.4}.social-icons.about-icons a{color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);border:1px solid var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);border-radius:50%;flex-direction:row;justify-content:center;align-items:center;width:45px;height:45px;font-size:18px;transition:all .3s;display:flex;position:relative}.social-icons.about-icons a:hover{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#000);background-color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);animation:1s infinite pulsePrimary;opacity:1!important}@keyframes socialIconAnimation{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.site-header{z-index:9999;pointer-events:none;width:100%;padding-top:16px;position:fixed;top:0;left:0}.site-header nav{z-index:2;pointer-events:auto;position:relative}.nav-pill{border:1px solid #ffffff2e;border-radius:999px;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:8px 8px 8px 20px;display:flex;position:relative}.glass_effect{-webkit-backdrop-filter:url(#liquid);backdrop-filter:url(#liquid);z-index:-2;border-radius:8.5vw;width:100%;height:100%;position:absolute;top:0;left:0}.nav_layer{z-index:-1;-webkit-backdrop-filter:blur(2px);border-radius:8.5vw;width:100%;height:100%;position:absolute;top:0;left:0}.nav-logo .logo-wrapper{font-size:20px;line-height:20px}.nav-links{align-items:center;position:relative}.nav-links ul{flex-direction:row;justify-content:center;align-items:center;display:flex}.nav-links a{z-index:1;text-transform:capitalize;color:#fff;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:500;transition:color .3s;display:block;position:relative}@media (min-width:1200px){.nav-links a{padding:8px 16px;font-size:14px}}.nav-links a:hover,.nav-links a.active{color:var(--lightningcss-light,#151417)var(--lightningcss-dark,#fbfbfb)}.nav-links .nav-indicator{opacity:0;background-color:var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#ffffff1a);border-radius:999px;height:100%;transition:transform .4s cubic-bezier(.22,1,.36,1),width .4s cubic-bezier(.22,1,.36,1),opacity .3s;position:absolute;top:0;left:0}.nav-links .nav-indicator.visible{opacity:1}.nav-actions{flex-direction:row;justify-content:flex-end;align-items:center;gap:8px;display:flex}.theme-button,.menu-button{color:var(--lightningcss-light,#151417)var(--lightningcss-dark,#fbfbfb);cursor:pointer;background-color:#0000;border:1px solid var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#ffffff1a);border-radius:50%;width:40px;height:40px;transition:background-color .3s,border-color .3s}.theme-button:hover,.menu-button:hover{background-color:var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#ffffff1a)}.theme-button{flex-direction:row;justify-content:center;align-items:center;display:flex}.theme-button .theme-icon{width:18px;height:18px;transition:transform .5s cubic-bezier(.22,1,.36,1);overflow:visible}.theme-button .sun-core,.theme-button .moon-cut,.theme-button .sun-rays{transform-box:view-box;transform-origin:50%;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .3s}.theme-button.show-sun .moon-cut{transform:translate(8px,-8px)}.theme-button.show-moon .theme-icon{transform:rotate(-30deg)}.theme-button.show-moon .sun-core{transform:scale(1.6)}.theme-button.show-moon .sun-rays{opacity:0;transform:rotate(-45deg)scale(.5)}.theme-button:hover.show-sun .sun-rays{transform:rotate(45deg)}.menu-button{flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.menu-button span{background-color:currentColor;border-radius:2px;width:16px;height:2px;transition:transform .3s;display:block}.menu-button.active span:first-child{transform:translateY(4px)rotate(45deg)}.menu-button.active span:nth-child(2){transform:translateY(-4px)rotate(-45deg)}.cv-link{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#000);background-color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);border-radius:999px;flex-direction:row;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 18px;font-size:14px;font-weight:600;transition:box-shadow .3s;display:flex}.cv-link i{font-size:12px;transition:transform .3s}.cv-link:hover{box-shadow:0 8px 24px -10px var(--lightningcss-light,#0009)var(--lightningcss-dark,#fff6)}.cv-link:hover i{transform:translate(3px)}.mobile-menu{z-index:1;opacity:0;visibility:hidden;pointer-events:none;background-color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#0f0f11);transition:opacity .35s,visibility .35s;position:fixed;inset:0}.mobile-menu.open{opacity:1;visibility:visible;pointer-events:auto}.mobile-menu .mobile-menu-inner{flex-direction:column;justify-content:space-between;align-items:stretch;gap:32px;height:100%;padding-top:110px;padding-bottom:32px;display:flex;overflow-y:auto}.mobile-menu .mobile-links{flex-direction:column;justify-content:flex-start;align-items:stretch;display:flex}.mobile-menu .mobile-links li{opacity:0;border-bottom:1px solid var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#ffffff1a);transition:opacity .4s,transform .4s cubic-bezier(.22,1,.36,1);transform:translateY(16px)}.mobile-menu .mobile-links a{color:var(--lightningcss-light,#151417)var(--lightningcss-dark,#fbfbfb);flex-direction:row;justify-content:flex-start;align-items:baseline;gap:16px;padding:14px 4px;transition:color .3s,padding .3s;display:flex}.mobile-menu .mobile-links a .index{color:var(--lightningcss-light,#746e7c)var(--lightningcss-dark,#a39fa9);font-family:Fira Code,monospace;font-size:13px}.mobile-menu .mobile-links a .name{text-transform:capitalize;letter-spacing:-.01em;font-size:28px;font-weight:600}.mobile-menu .mobile-links a:hover,.mobile-menu .mobile-links a.active{padding-left:12px}.mobile-menu .mobile-links a.active .index{color:var(--lightningcss-light,#151417)var(--lightningcss-dark,#fbfbfb)}.mobile-menu.open .mobile-links li{opacity:1;transform:translateY(0)}.mobile-menu .mobile-menu-footer{flex-flow:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}body.menu-open{overflow:hidden}footer{background-color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);flex-direction:row;justify-content:center;align-items:center;width:100%;padding:15px;display:flex}.counter-item{flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}@media (min-width:992px){.counter-item{align-items:flex-start}}.counter-item .counter-value{color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);font-size:26px;font-weight:600;line-height:32px}@media (min-width:768px){.counter-item .counter-value{font-size:30px;line-height:36px}}.counter-item .counter-title{text-transform:capitalize;font-size:18px;font-weight:500;line-height:24px}section.about-section{flex-direction:column;justify-content:center;align-items:stretch;width:100%;min-height:calc(100svh - 88px);padding:40px 0;display:flex;overflow:hidden}.about-wrapper{grid-template-columns:1fr;align-items:center;gap:50px;width:100%;display:grid}@media (min-width:992px){.about-wrapper{grid-template-columns:1.3fr 1fr;gap:60px}}.about-wrapper .wrapper-left{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:28px;min-width:0;display:flex}@media (min-width:992px){.about-wrapper .wrapper-left{text-align:start;align-items:flex-start}}.about-wrapper .wrapper-left .about-title{color:#0000;-webkit-user-select:none;user-select:none;white-space:nowrap;letter-spacing:-.02em;width:fit-content;min-height:1.2em;font-size:26px;font-weight:700;line-height:1.2;position:relative}@media (min-width:480px){.about-wrapper .wrapper-left .about-title{font-size:34px}}@media (min-width:576px){.about-wrapper .wrapper-left .about-title{font-size:40px}}@media (min-width:992px){.about-wrapper .wrapper-left .about-title{font-size:42px}}@media (min-width:1200px){.about-wrapper .wrapper-left .about-title{font-size:52px}}.about-wrapper .wrapper-left .about-title:after{content:attr(data-title);color:var(--lightningcss-light,#151417)var(--lightningcss-dark,#fbfbfb);white-space:nowrap;border-right:3px solid var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);width:0;height:100%;animation:3s linear infinite titleAnimation;position:absolute;top:0;left:0;overflow:hidden}.about-wrapper .wrapper-left article{color:var(--lightningcss-light,#4c4653)var(--lightningcss-dark,#a39fa9);width:100%;max-width:580px;font-size:16px;line-height:1.8}.about-wrapper .wrapper-left article p+p{margin-top:14px}.about-wrapper .wrapper-left article strong{color:var(--lightningcss-light,#151417)var(--lightningcss-dark,#fbfbfb);font-weight:600}.about-wrapper .wrapper-right{flex-direction:row;justify-content:center;align-items:center;width:100%;min-width:0;display:flex}@media (min-width:992px){.about-wrapper .wrapper-right{justify-content:flex-end}}.about-content-items{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;margin-top:8px;display:flex}@media (min-width:576px){.about-content-items{flex-direction:row}}@media (min-width:992px){.about-content-items{justify-content:flex-start;gap:24px}}.about-content-items .cv-button{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#000);background-color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);border:1px solid var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);border-radius:999px;flex-direction:row;justify-content:center;align-items:center;gap:12px;padding:14px 30px;font-size:16px;font-weight:600;transition:transform .3s,box-shadow .3s;display:flex}.about-content-items .cv-button i{font-size:14px;transition:transform .3s}.about-content-items .cv-button:hover{transform:translateY(-2px);box-shadow:0 14px 30px -12px var(--lightningcss-light,#0009)var(--lightningcss-dark,#fff6)}.about-content-items .cv-button:hover i{transform:translate(4px)}.code-card{width:100%;max-width:480px;box-shadow:none;text-align:start;background:#000;border:1px solid var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#ffffff14);border-radius:16px;font-family:Fira Code,monospace;overflow:hidden}.code-card .code-header{border-bottom:1px solid #ffffff14;flex-direction:row;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.code-card .code-header .dots{flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;display:flex}.code-card .code-header .dots span{background-color:#ff5f57;border-radius:50%;width:12px;height:12px}.code-card .code-header .dots span:nth-child(2){background-color:#febc2e}.code-card .code-header .dots span:nth-child(3){background-color:#28c840}.code-card .code-header .file-name{color:#5c5c66;font-size:13px}.code-card pre{color:#d4d4dc;margin:0;padding:22px 0;font-family:inherit;font-size:12px;line-height:1.85;overflow-x:auto}@media (min-width:576px){.code-card pre{font-size:14px}}.code-card code{font-family:inherit}.code-card .line{padding:0 22px 0 16px;display:flex}.code-card .ln{text-align:right;color:#5c5c66;-webkit-user-select:none;user-select:none;min-width:2ch;margin-right:20px}.code-card .code{white-space:pre}.code-card .tok-keyword{color:#c792ea}.code-card .tok-var{color:#82aaff}.code-card .tok-prop{color:#89ddff}.code-card .tok-string{color:#c3e88d}.code-card .tok-bool{color:#f78c6c}.code-card .cursor{vertical-align:text-bottom;background-color:#d4d4dc;width:8px;height:1.15em;margin-left:4px;animation:1s step-end infinite cursorBlink;display:inline-block}@keyframes titleAnimation{70%{width:100%}90%{width:100%}}@keyframes cursorBlink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.code-card .cursor{animation:none}}.services-section{padding:60px 0 0}.service-list{grid-template-columns:repeat(1,1fr);place-content:center;place-items:center;gap:30px;width:100%;display:grid}@media (min-width:768px){.service-list{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.service-list{grid-template-columns:repeat(3,1fr)}}.service-list .service-card{cursor:pointer;border:1px solid var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);border-radius:20px;flex-direction:column;justify-content:center;align-items:flex-start;gap:15px;width:100%;max-width:400px;height:100%;padding:30px 20px;transition:all .3s;display:flex;position:relative}.service-list .service-card .icon{color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);font-size:20px;position:absolute;top:17px;right:10px}.service-list .service-card .title{color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);gap:10px;font-family:Montserrat,sans-serif;font-size:18px;line-height:24px}@media (min-width:1400px){.service-list .service-card .title{font-size:20px;line-height:28px}}.service-list .service-card .text{font-size:16px;line-height:24px}.service-list .service-card:after{content:"";opacity:0;z-index:-1;background-color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);border-radius:20px;width:100%;height:0;transition:all .4s;position:absolute;top:0;left:0}.service-list .service-card:hover:after{opacity:1;height:100%}.service-list .service-card:hover .icon,.service-list .service-card:hover .title,.service-list .service-card:hover .text{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#000)}.service-list .service-card:hover .icon{animation:1s ease-in-out forwards serviceIconAnimation}@keyframes serviceIconAnimation{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.experience-section{padding:60px 0 0}.experience-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;display:flex}.experience-wrapper .experience-card{border:1px solid var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);border-radius:10px;flex-direction:column;justify-content:center;align-items:flex-start;gap:20px;width:100%;padding:20px;transition:all .3s;display:flex}@media (min-width:992px){.experience-wrapper .experience-card{flex-direction:row;justify-content:space-between;align-items:stretch;display:flex}}.experience-wrapper .experience-card .left{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:10px;width:100%;display:flex}.experience-wrapper .experience-card .left .left-header{flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;width:100%;display:flex}.experience-wrapper .experience-card .left .left-header .position{color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);font-family:Fira Code,monospace;font-size:18px;font-weight:600}@media (min-width:768px){.experience-wrapper .experience-card .left .left-header .position{font-size:24px}}.experience-wrapper .experience-card .left .left-header .date{flex-direction:row;justify-content:center;align-items:center;gap:5px;font-family:Fira Code,monospace;font-size:18px;font-weight:600;display:flex}.experience-wrapper .experience-card .left .left-footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;display:flex}.experience-wrapper .experience-card .left .left-footer .company{color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff)}.experience-wrapper .experience-card .card-body{width:100%;font-family:Fira Code,monospace;font-size:14px}.experience-wrapper .experience-card .card-body ul{padding-left:20px}.experience-wrapper .experience-card .card-body ul li{list-style:"- "}.skills-section{padding:60px 0 0}.skills-wrapper{flex-flow:wrap;justify-content:center;align-items:center;gap:40px;width:100%;display:flex}.skill-card{background-color:var(--lightningcss-light,#f1f1f1)var(--lightningcss-dark,#2f2f2f);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:15px;width:100px;height:100px;padding:10px;display:flex;position:relative}@media (min-width:1200px){.skill-card{gap:20px;width:140px;height:140px}}.skill-card img{object-fit:contain;width:30px;height:30px}@media (min-width:1200px){.skill-card img{width:50px;height:50px}}.skill-card .title{text-align:center;font-size:12px;font-weight:600}@media (min-width:1200px){.skill-card .title{font-size:14px}}.skill-card .border{z-index:-1;border-radius:20px;flex-direction:row;justify-content:center;align-items:center;width:105px;height:105px;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}@media (min-width:1200px){.skill-card .border{width:145px;height:145px}}.skill-card .border span{border-radius:20px;width:300px;height:80px;animation:6s linear infinite skillCardAnimation;display:block;position:absolute}@keyframes skillCardAnimation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.projects-section{padding:60px 0 0}.projects-wrapper{grid-template-columns:repeat(1,1fr);place-items:center;gap:20px;width:100%;display:grid}@media (min-width:768px){.projects-wrapper{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.projects-wrapper{grid-template-columns:repeat(3,1fr)}}.project-card{border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;max-width:320px;padding:10px;display:flex;box-shadow:0 0 10px var(--lightningcss-light,#0000004d)var(--lightningcss-dark,#ffffff4d)}@media (min-width:1200px){.project-card{max-width:400px}}.project-card .project-img{border-radius:5px;width:100%;height:160px;position:relative;overflow:hidden}@media (min-width:1200px){.project-card .project-img{height:200px}}.project-card .project-img img{object-fit:cover;border-radius:5px;width:100%;height:100%}.project-card .project-img .layer{opacity:0;background-color:#000c;border-radius:5px;width:100%;height:100%;transition:all .3s;position:absolute;top:0;left:0}.project-card .project-img .badge{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#000);text-transform:uppercase;opacity:0;background-color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);border-radius:10px;padding:6px;font-size:10px;font-weight:600;transition:all .3s;position:absolute;top:10px;right:-100%}.project-card .project-img .project-skills{flex-direction:row;justify-content:flex-start;align-items:center;gap:5px;width:100%;display:flex;position:absolute;bottom:15px;left:15px}.project-card .project-img .project-skills li{width:20px;height:20px;transform:scale(0)}.project-card .project-img .project-skills li img{object-fit:contain;width:20px;height:20px}@media (min-width:992px){.project-card .project-img .project-skills li,.project-card .project-img .project-skills li img{width:25px;height:25px}}.project-card:hover .project-img .layer{opacity:1}.project-card:hover .project-img .badge{opacity:1;right:10px}.project-card:hover .project-img .project-skills li{animation:.3s forwards skillAnimation}.project-card .card-body{flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.project-card .card-body .heading{flex-direction:row;justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.project-card .card-body .heading .title{color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);font-family:Fira Code,monospace}.project-card .card-body .heading .links{flex-direction:row;justify-content:center;align-items:center;gap:5px;display:flex}.project-card .card-body .heading .links a{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#000);background-color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);border-radius:10px;flex-direction:row;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:flex}@keyframes skillAnimation{0%{transform:scale(0)}to{transform:scale(1)}}.projects-link{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#000);text-transform:uppercase;letter-spacing:1px;text-align:center;background-color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);border:10px;border-radius:10px;flex-direction:row;justify-content:center;align-items:center;max-width:300px;margin:30px auto;padding:15px;font-weight:600;display:flex;position:relative}.projects-link:after{content:"";pointer-events:none;opacity:0;border:2px solid var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);border-radius:10px;width:100%;height:100%;transition:all .3s;position:absolute;top:0;left:0;transform:scale(1)}@media (min-width:576px){.projects-link:after{transform:scale(1.2)}}@media (min-width:768px){.projects-link:after{transform:scale(1.5)}}.projects-link:hover{color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);background-color:#0000}.projects-link:hover:after{opacity:1;transform:scale(1)}.education-section{padding:60px 0}.edu-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:30px;width:100%;display:flex}.edu-wrapper .edu-card{border:1px solid var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:30px;width:100%;max-width:1000px;padding:20px;transition:all .3s;display:flex;position:relative}.edu-wrapper .edu-card .score{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#000);background-color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);border-radius:10px;padding:6px;font-size:10px;position:absolute;top:10px;right:10px}@media (min-width:992px){.edu-wrapper .edu-card .score{font-size:12px}}.edu-wrapper .edu-card .card-header{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;width:100%;display:flex}.edu-wrapper .edu-card .card-header i{color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);font-size:24px}.edu-wrapper .edu-card .card-header .title{font-family:Fira Code,monospace;font-size:20px}.edu-wrapper .edu-card .card-text{flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;width:100%;font-family:Fira Code,monospace;display:flex}.edu-wrapper .edu-card .card-text span{color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);font-weight:600}.edu-wrapper .edu-card .card-footer{flex-direction:row;justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.edu-wrapper .edu-card .card-footer .edu-degree,.edu-wrapper .edu-card .card-footer .edu-date{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#000);text-transform:uppercase;letter-spacing:1px;background-color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);border-radius:10px;padding:8px;font-size:10px;font-weight:600}.edu-wrapper .edu-card:hover{background-color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff)}.edu-wrapper .edu-card:hover .score{color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);background-color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#000)}.edu-wrapper .edu-card:hover .card-header i,.edu-wrapper .edu-card:hover .card-header .title,.edu-wrapper .edu-card:hover .card-text,.edu-wrapper .edu-card:hover .card-text span{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#000)}.edu-wrapper .edu-card:hover .card-footer .edu-degree,.edu-wrapper .edu-card:hover .card-footer .edu-date{color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);background-color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#000)}.contact-section{padding:60px 0 0}.contact-form{flex-flow:wrap;justify-content:center;align-items:center;gap:30px;width:100%;max-width:800px;margin:auto;display:flex}.contact-form .form-item{width:100%;position:relative}@media (min-width:768px){.contact-form .form-item{width:calc(50% - 15px)}}.contact-form .form-item textarea{resize:none;height:200px}.contact-form .form-item.full-w{width:100%}.contact-form .form-item label{color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);font-size:14px;transition:all .3s;position:absolute;top:11px;left:16px}.contact-form .form-item label.active{-webkit-user-select:none;user-select:none;background-color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#0f0f11);border:1px solid var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);padding:5px;font-size:12px;top:-18px;left:20px}.contact-form .form-item input,.contact-form .form-item textarea{background-color:#0000;border:1px solid var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);border-radius:10px;outline:none;width:100%;padding:12px 20px}.contact-form .form-item input:focus~label,.contact-form .form-item textarea:focus~label{-webkit-user-select:none;user-select:none;background-color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#0f0f11);border:1px solid var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);padding:5px;font-size:12px;top:-18px;left:20px}.contact-form .form-item input.invalid,.contact-form .form-item textarea.invalid{border-color:#b52e31}.contact-form .form-item input.invalid~label,.contact-form .form-item textarea.invalid~label{color:#b52e31;border-color:#b52e31}.contact-form .submit-button{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#000);text-transform:uppercase;background-color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);border:2px solid #0000;border-radius:10px;flex-direction:row;justify-content:center;align-items:center;gap:10px;width:80%;max-width:200px;min-height:55px;padding:10px 20px;font-family:Fira Code,monospace;font-size:22px;font-weight:600;transition:all .2s;display:flex;position:relative}.contact-form .submit-button:after{content:"";pointer-events:none;opacity:0;border:2px solid var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);border-radius:10px;width:100%;height:100%;transition:all .3s;position:absolute;top:0;left:0;transform:scale(1.2)}@media (min-width:768px){.contact-form .submit-button:after{transform:scale(1.5)}}.contact-form .submit-button .loader{width:20px;height:20px;position:relative}.contact-form .submit-button .loader:after{content:"";border:2px solid #fff;border-right-color:#0000;border-radius:50%;width:100%;height:100%;animation:.5s linear infinite spinnerAnimation;position:absolute;top:0;left:0}.contact-form .submit-button:hover{color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);background-color:#0000}.contact-form .submit-button:hover:after{opacity:1;transform:scale(1)}.contact-form .submit-button:hover .loader:after{border-color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff) #0000 var(--lightningcss-light,#000)var(--lightningcss-dark,#fff) var(--lightningcss-light,#000)var(--lightningcss-dark,#fff)}@keyframes spinnerAnimation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-404-section{padding:40px 0}.page-404-section .content{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.page-404-section .content .error-code{color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);font-family:Fira Code,monospace;font-size:140px;font-weight:900}.page-404-section .content .title{text-align:center;text-transform:uppercase;letter-spacing:1px;margin-bottom:30px;font-family:Fira Code,monospace}.page-404-section .content a{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#000);text-transform:uppercase;letter-spacing:1px;background-color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);border-radius:10px;flex-direction:row;justify-content:center;align-items:center;padding:15px;font-family:Fira Code,monospace;font-size:24px;font-weight:600;display:flex}.service-card ::selection,.experience-card ::selection,.education-card ::selection{color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#000)}
