@charset "UTF-8";.section{font-family:Rajdhani,sans-serif;min-height:100vh;overflow:hidden;position:relative}.section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,249,170,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,249,170,.03) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;opacity:.35}.section:nth-of-type(1),.section:nth-of-type(2),.section:nth-of-type(3),.section:nth-of-type(4){background-color:#04070b}.section.intro{height:calc(100vh + 500px)}.section.intro canvas[style]{opacity:.22;position:absolute;top:0;left:0;height:calc(100vh + 500px)!important;width:100%!important}.section.about{min-height:auto;overflow:visible;padding-bottom:80px}.section__heading{color:#e8edf4;font-family:Bebas Neue,cursive;font-size:2.4rem;font-weight:400;letter-spacing:3px;margin:10px 0 24px;text-shadow:0 0 24px rgba(0,249,170,.25);text-transform:uppercase}@media (min-width: 600px){.section__heading{font-size:3.2rem;margin-bottom:32px}}.max-width-wrapper{margin:0 auto;max-width:1000px;position:relative;z-index:1}@media (min-width: 1200px){.max-width-wrapper{max-width:1200px}}.about{padding:15px;position:relative;z-index:1}@media (min-width: 600px){.about{padding:30px 30px 80px}}.about .section__heading:before{color:#38e8ff;display:block;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:600;letter-spacing:4px;margin-bottom:8px;text-transform:uppercase;content:"Profile"}.about .section__heading:before:after{content:"";display:block;height:1px;margin-top:10px;width:48px;background:linear-gradient(to right,rgba(56,232,255,.6),transparent)}.about__intro{background:linear-gradient(160deg,rgba(13,22,32,.92),rgba(5,10,16,.85));border:1px solid rgba(0,249,170,.3);box-shadow:0 0 28px #00f9aa24,inset 0 0 36px #00f9aa0d;box-sizing:border-box;margin-bottom:24px;padding:24px;position:relative;width:100%}.about__intro:before,.about__intro:after{content:"";position:absolute;width:16px;height:16px;pointer-events:none}.about__intro:before{top:-2px;left:-2px;border-top:2px solid #00f9aa;border-left:2px solid #00f9aa}.about__intro:after{bottom:-2px;right:-2px;border-bottom:2px solid #00f9aa;border-right:2px solid #00f9aa}.about__content{color:#9fb0bf;font-size:1.15rem;line-height:1.55}@media (min-width: 360px){.about__content{font-size:1.25rem}}@media (min-width: 600px){.about__content{font-size:1.35rem}}.about__wrapper{width:100%}@media (min-width: 900px){.about__wrapper{align-items:start;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px}}.about__technologies{background:linear-gradient(160deg,rgba(13,22,32,.92),rgba(5,10,16,.85));border:1px solid rgba(0,249,170,.3);box-shadow:0 0 28px #00f9aa24,inset 0 0 36px #00f9aa0d;box-sizing:border-box;margin-bottom:20px;opacity:0;overflow:visible;padding:20px 24px 28px;position:relative;transition:opacity .5s ease;width:100%}.about__technologies:before,.about__technologies:after{content:"";position:absolute;width:14px;height:14px;pointer-events:none}.about__technologies:before{top:-2px;left:-2px;border-top:2px solid #00f9aa;border-left:2px solid #00f9aa}.about__technologies:after{bottom:-2px;right:-2px;border-bottom:2px solid #00f9aa;border-right:2px solid #00f9aa}.about__technologies.active{opacity:1}.about__technologies__heading{color:#00f9aa;font-size:1.2rem;letter-spacing:2px;text-transform:uppercase}@media (min-width: 600px){.about__technologies__heading{font-size:1.4rem}}.about__technologies__list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}.about__technology{margin:0}.about__technology__link{border:1px solid rgba(56,232,255,.35);background:rgba(56,232,255,.06);color:#bdeefc;display:inline-block;font-size:.95rem;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-decoration:none;text-transform:uppercase;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease}@media (min-width: 600px){.about__technology__link{font-size:1rem}}.about__technology__link:hover{background:rgba(0,249,170,.12);border-color:#00f9aa8c;box-shadow:0 0 12px #00f9aa40;color:#e8edf4}.about .about__experience-graph{background:linear-gradient(160deg,rgba(13,22,32,.92),rgba(5,10,16,.85));border:1px solid rgba(0,249,170,.3);box-shadow:0 0 28px #00f9aa24,inset 0 0 36px #00f9aa0d;box-sizing:border-box;height:auto;margin:0 0 24px;max-width:none;overflow:visible;padding:30px 24px 36px;position:relative;width:100%}.about .about__experience-graph:before,.about .about__experience-graph:after{content:"";position:absolute;width:16px;height:16px;pointer-events:none}.about .about__experience-graph:before{top:-2px;left:-2px;border-top:2px solid #00f9aa;border-left:2px solid #00f9aa}.about .about__experience-graph:after{bottom:-2px;right:-2px;border-bottom:2px solid #00f9aa;border-right:2px solid #00f9aa}@media (min-width: 900px){.about .about__experience-graph{margin-bottom:0}}.about .graph__bar__wrapper{align-items:center;display:flex;margin-bottom:20px;opacity:0;overflow:visible;position:relative}.about .graph__bar__wrapper:last-child{margin-bottom:0}@media (min-width: 360px){.about .graph__bar__wrapper{margin-bottom:25px}}@media (min-width: 600px){.about .graph__bar__wrapper{margin-bottom:35px}}.about .graph__bar{height:20px;width:0;perspective:1000px;perspective-origin:left;position:relative;transform-origin:center;transform-style:preserve-3d;top:-5px}@media (min-width: 360px){.about .graph__bar{height:30px}}.about .graph__bar__face{background:rgba(4,7,11,.6);border:1px solid rgba(0,249,170,.55);display:block;height:100%;width:100%;position:absolute}.about .graph__bar__face--top{transform:translate3d(0,-10px,-10px) rotateX(90deg)}@media (min-width: 360px){.about .graph__bar__face--top{transform:translate3d(0,-15px,-15px) rotateX(90deg)}}.about .graph__bar__face--bottom{transform:translate3d(0,10px,-10px) rotateX(90deg)}@media (min-width: 360px){.about .graph__bar__face--bottom{transform:translate3d(0,15px,-15px) rotateX(90deg)}}.about .graph__bar__face--back{transform:translateZ(-20px)}@media (min-width: 360px){.about .graph__bar__face--back{transform:translateZ(-30px)}}.about .graph__bar__face--left,.about .graph__bar__face--right{height:20px;width:20px}@media (min-width: 360px){.about .graph__bar__face--left,.about .graph__bar__face--right{height:30px;width:30px}}.about .graph__bar__face--left{transform:translate3d(-10px,0,-10px) rotateY(90deg)}@media (min-width: 360px){.about .graph__bar__face--left{transform:translate3d(-15px,0,-15px) rotateY(90deg)}}.about .graph__bar__face--right{transform:translate3d(calc(100% - 10px),0,-10px) rotateY(90deg)}@media (min-width: 360px){.about .graph__bar__face--right{transform:translate3d(calc(100% - 15px),0,-15px) rotateY(90deg)}}.about .graph__bar__text{color:#e8edf4;display:block;font-weight:600;letter-spacing:1px;margin-right:25px;min-width:75px;text-transform:uppercase;width:75px}@media (min-width: 360px){.about .graph__bar__text{font-size:1.1rem;margin-right:20px;min-width:80px;width:80px}}@media (min-width: 600px){.about .graph__bar__text{font-size:1.2rem;height:30px;min-width:105px;width:105px}}@media (min-width: 600px){.about .graph__bar__text--rn{position:relative;top:-8px}}.about .graph__bar__percentage{color:#38e8ff;display:none;font-size:1.2rem;margin-left:15px}@media (min-width: 360px){.about .graph__bar__percentage{display:block}}@media (min-width: 600px){.about .graph__bar__percentage{font-size:1.4rem;font-weight:700}}.projects{min-height:0;padding:15px;position:relative}@media (min-width: 600px){.projects{padding:30px}}.projects .section__heading:before{color:#38e8ff;display:block;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:600;letter-spacing:4px;margin-bottom:8px;text-transform:uppercase;content:"Work"}.projects .section__heading:before:after{content:"";display:block;height:1px;margin-top:10px;width:48px;background:linear-gradient(to right,rgba(56,232,255,.6),transparent)}.projects.animating .projects__wrapper{animation:slide-left .75s ease}.projects.active{overflow:visible;z-index:5}.projects.active .project__details{opacity:1;pointer-events:initial;transition:opacity .6s ease}.projects.active .project__details__close:before,.projects.active .project__details__close:after{transition:width .5s ease;width:30px}.projects .projects__wrapper{animation:slide 1s ease;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:18px;margin-bottom:30px;position:relative;transition:transform .5s ease}@media (min-width: 600px){.projects .projects__wrapper{margin-bottom:40px}}@media (min-width: 1200px){.projects .projects__wrapper{margin-bottom:60px}}.projects .project{background:linear-gradient(160deg,rgba(13,22,32,.92),rgba(5,10,16,.85));border:1px solid rgba(0,249,170,.3);box-shadow:0 0 28px #00f9aa24,inset 0 0 36px #00f9aa0d;cursor:pointer;display:flex;flex-direction:column;height:100%;opacity:0;overflow:hidden;position:relative;transform:scale(0);transition:transform .25s ease,opacity .25s ease,box-shadow .25s ease,border-color .25s ease;z-index:2}.projects .project:before,.projects .project:after{content:"";position:absolute;width:14px;height:14px;pointer-events:none}.projects .project:before{top:-2px;left:-2px;border-top:2px solid #00f9aa;border-left:2px solid #00f9aa}.projects .project:after{bottom:-2px;right:-2px;border-bottom:2px solid #00f9aa;border-right:2px solid #00f9aa}.projects .project:hover{border-color:#00f9aa8c;box-shadow:0 0 32px #00f9aa38,inset 0 0 36px #00f9aa14;transform:scale(1.03)!important}.projects .project.active{opacity:1;transform:scale(1)}.projects .project__description{color:#c3cdda;font-size:1.05rem;line-height:1.45;margin-bottom:15px}.projects .project__technologies{color:#9fb0bf;font-size:.95rem;margin-bottom:32px;margin-top:0}.projects .project__technologies__heading{color:#38e8ff;font-family:Rajdhani,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:3px;margin-bottom:6px;text-transform:uppercase}.projects .project__content{display:flex;flex:1;flex-direction:column;padding:18px}.projects .project__title{color:#e8edf4;font-size:1.5rem;letter-spacing:1px;margin-bottom:12px;margin-top:0;text-shadow:0 0 16px rgba(0,249,170,.2)}@media (min-width: 600px){.projects .project__title{font-size:1.75rem}}.projects .project__details-link{align-self:flex-end;border:1px solid rgba(0,249,170,.45);color:#00f9aa;display:inline-block;flex-shrink:0;font-family:Bebas Neue,cursive;font-size:.95rem;letter-spacing:2px;margin-top:auto;padding:6px 12px;text-decoration:none;text-transform:uppercase;transition:background-color .25s ease,box-shadow .25s ease}.projects .project__details-link:after{content:"→";position:relative;left:5px;top:1px;transition:left .25s ease}.projects .project__details-link:hover{background:rgba(0,249,170,.1);box-shadow:0 0 14px #00f9aa59}.projects .project__details-link:hover:after{left:10px}.projects .project__details{background:rgba(4,7,11,.96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:fixed;left:0;top:0;height:100%;width:100%;opacity:0;overflow:scroll;pointer-events:none;transition:opacity .5s ease;z-index:5}.projects .project__details::-webkit-scrollbar{width:6px}.projects .project__details::-webkit-scrollbar-track{background:#04070b}.projects .project__details::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#38e8ff,#00f9aa)}.projects .project__details__head{align-items:flex-start;border-bottom:1px solid rgba(0,249,170,.25);display:flex;gap:18px;margin-bottom:24px;padding-bottom:18px}.projects .project__details__index{color:transparent;-webkit-text-stroke:1px rgba(0,249,170,.75);font-family:Bebas Neue,cursive;font-size:3rem;line-height:.9}.projects .project__details__heading{display:flex;flex-direction:column;gap:6px}.projects .project__details__year{color:#38e8ff;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:600;letter-spacing:3px}.projects .project__details__header{color:#00f9aa;font-family:Bebas Neue,cursive;font-size:1.1rem;letter-spacing:2px;margin-bottom:10px;text-transform:uppercase}@media (min-width: 600px){.projects .project__details__header{font-size:1.25rem}}.projects .project__details__footer{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:15px;padding-top:8px}.projects .project__details__role{color:#c3cdda;font-size:1rem;line-height:1.5}@media (min-width: 600px){.projects .project__details__role{font-size:1.1rem}}.projects .project__details__tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}.projects .project__details__tags li{border:1px solid rgba(56,232,255,.45);background:rgba(56,232,255,.08);color:#bdeefc;font-size:.8rem;font-weight:600;letter-spacing:1px;padding:3px 9px;text-transform:uppercase}.projects .project__details__link-wrapper{align-items:center;display:flex;gap:16px;justify-content:space-between;padding-top:8px}.projects .project__details__link{border:1px solid rgba(0,249,170,.55);color:#00f9aa;display:inline-block;font-family:Bebas Neue,cursive;font-size:1.1rem;letter-spacing:2px;padding:8px 18px;text-decoration:none;text-transform:uppercase;transition:background-color .25s ease,box-shadow .25s ease}.projects .project__details__link:after{content:"→";position:relative;left:5px;top:1px;transition:left .25s ease}.projects .project__details__link:hover{background:rgba(0,249,170,.12);box-shadow:0 0 18px #00f9aa66}.projects .project__details__link:hover:after{left:10px}.projects .project__details__link--close{cursor:pointer}.projects .project__details__link--close:hover:before{left:-7px}.projects .project__details__link--close:before{content:"←";color:#00f9aa;position:relative;left:-3px;top:1px;transition:left .25s ease}.projects .project__details__link--close:after{content:""}.projects .project__details__wrapper{flex:1;min-width:200px}@media (min-width: 600px){.projects .project__details__wrapper:first-of-type{flex:1.2}}.projects .project__details__image-slider{border-bottom:1px solid rgba(0,249,170,.2);min-height:155px;position:relative}@media (min-width: 360px){.projects .project__details__image-slider{min-height:200px}}@media (min-width: 600px){.projects .project__details__image-slider{min-height:300px}}@media (min-width: 900px){.projects .project__details__image-slider{min-height:350px}}@media (min-width: 1200px){.projects .project__details__image-slider{min-height:400px}}.projects .project__details__image-slider:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 55%,rgba(4,7,11,.85));pointer-events:none}.projects .project__details__image{background-repeat:no-repeat;background-position:center;background-size:cover;height:100%;width:100%;position:absolute;opacity:0;transition:opacity .5s ease}.projects .project__details__image.active{opacity:1;transition:opacity 1s ease}.projects .project__details__close{background:rgba(4,7,11,.65);border:1px solid rgba(0,249,170,.35);cursor:pointer;height:50px;width:50px;outline:none;position:absolute;right:12px;top:12px;z-index:2;transition:border-color .25s ease,box-shadow .25s ease}.projects .project__details__close:hover{border-color:#00f9aa;box-shadow:0 0 14px #00f9aa59}.projects .project__details__close:before,.projects .project__details__close:after{background-color:#00f9aa;content:"";position:absolute;left:50%;top:50%;height:2px;width:0;transition:width .25s ease;transform:translate(-50%,-50%) rotate(45deg)}.projects .project__details__close:after{transform:translate(-50%,-50%) rotate(-45deg)}.projects .project__details__content{background:linear-gradient(160deg,rgba(13,22,32,.92),rgba(5,10,16,.85));border:1px solid rgba(0,249,170,.3);box-shadow:0 0 28px #00f9aa24,inset 0 0 36px #00f9aa0d;margin:20px auto 40px;max-width:920px;padding:24px;position:relative}.projects .project__details__content:before,.projects .project__details__content:after{content:"";position:absolute;width:20px;height:20px;pointer-events:none}.projects .project__details__content:before{top:-2px;left:-2px;border-top:2px solid #00f9aa;border-left:2px solid #00f9aa}.projects .project__details__content:after{bottom:-2px;right:-2px;border-bottom:2px solid #00f9aa;border-right:2px solid #00f9aa}@media (min-width: 600px){.projects .project__details__content{margin-top:-40px;padding:32px}}.projects .project__details__title{color:#e8edf4;font-size:2rem;letter-spacing:1.5px;line-height:1;margin:0;text-shadow:0 0 18px rgba(0,249,170,.3)}@media (min-width: 600px){.projects .project__details__title{font-size:2.4rem}}.projects .project__details__description{color:#c3cdda;font-size:1.05rem;line-height:1.55;margin-bottom:14px}@media (min-width: 600px){.projects .project__details__description{font-size:1.15rem}}.shape-overlays{width:100%;height:100%;pointer-events:none;position:fixed;top:0;left:0;z-index:3}.shape-overlays.is-opened{pointer-events:auto}.shape-overlays__path:nth-of-type(1){fill:#04070b}.shape-overlays__path:nth-of-type(2){fill:#00f9aad9}.shape-overlays__path:nth-of-type(3){fill:#04070b}@keyframes slide{0%{transform:translate(100vw)}to{transform:translate(0)}}@keyframes slide-left{0%{transform:translate(0)}to{transform:translate(-100vw)}}.contact{color:#e8edf4;min-height:initial;padding:15px}@media (min-width: 600px){.contact{padding:30px}}.contact .section__heading:before{color:#38e8ff;display:block;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:600;letter-spacing:4px;margin-bottom:8px;text-transform:uppercase;content:"Reach Out"}.contact .section__heading:before:after{content:"";display:block;height:1px;margin-top:10px;width:48px;background:linear-gradient(to right,rgba(56,232,255,.6),transparent)}.contact .max-width-wrapper{background:linear-gradient(160deg,rgba(13,22,32,.92),rgba(5,10,16,.85));border:1px solid rgba(0,249,170,.3);box-shadow:0 0 28px #00f9aa24,inset 0 0 36px #00f9aa0d;padding:32px 24px 48px;text-align:center}.contact .max-width-wrapper:before,.contact .max-width-wrapper:after{content:"";position:absolute;width:20px;height:20px;pointer-events:none}.contact .max-width-wrapper:before{top:-2px;left:-2px;border-top:2px solid #00f9aa;border-left:2px solid #00f9aa}.contact .max-width-wrapper:after{bottom:-2px;right:-2px;border-bottom:2px solid #00f9aa;border-right:2px solid #00f9aa}.contact__details{color:#9fb0bf;font-size:1.15rem;line-height:1.55;margin-bottom:36px}@media (min-width: 600px){.contact__details{font-size:1.3rem}}.contact__email{font-size:1.3rem;margin-bottom:20px}@media (min-width: 600px){.contact__email{font-size:1.6rem}}.contact__email__link{border-bottom:1px solid rgba(0,249,170,.45);color:#00f9aa;padding-bottom:4px;text-decoration:none;text-shadow:0 0 20px rgba(0,249,170,.25);transition:color .25s ease,border-color .25s ease,text-shadow .25s ease}.contact__email__link:hover{border-color:#38e8ff;color:#38e8ff;text-shadow:0 0 24px rgba(56,232,255,.45)}.hidden{border:0;clip:rect(0 0 0 0);margin:-1px;overflow:hidden;padding:0;position:absolute;height:1px;width:1px}html,body{background-color:#04070b;color:#e8edf4;margin:0;height:100%;width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html.fixed,body.fixed{position:fixed}html h1,html h2,html h3,html h4,body h1,body h2,body h3,body h4{font-family:Bebas Neue,cursive;letter-spacing:1.5px}html p,body p{color:#9fb0bf;margin-top:0}html::-webkit-scrollbar,body::-webkit-scrollbar{width:6px}html::-webkit-scrollbar-track,body::-webkit-scrollbar-track{background:#04070b}html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#38e8ff,#00f9aa);border-radius:3px}.intro__content-wrapper{display:flex;align-items:center;justify-content:center;position:relative;left:50%;min-width:320px;transform:translate(-50%,-50%);z-index:1}.intro__content-wrapper[style]{left:50%!important;top:50vh!important;position:fixed!important;width:calc(100% - 30px)!important}.intro__message-wrapper{padding:0 16px;position:relative;text-align:center}.intro__heading{color:#e8edf4;font-size:2.2rem;letter-spacing:4px;margin:0 0 .5rem;text-shadow:0 0 32px rgba(0,249,170,.35);text-transform:uppercase}@media (min-width: 768px){.intro__heading{font-size:3rem}}@media (min-width: 1024px){.intro__heading{font-size:4rem;letter-spacing:6px}}.intro__sub-heading{color:#38e8ff;font-family:Rajdhani,sans-serif;font-size:1.1rem;font-weight:500;letter-spacing:2px;margin:0;text-transform:uppercase}@media (min-width: 768px){.intro__sub-heading{font-size:1.35rem}}@media (min-width: 1024px){.intro__sub-heading{font-size:1.5rem}}.intro__sub-heading__text{display:inline-block}@keyframes roll{0%{border-radius:0%;transform:translate(0) rotate(0) scale(1)}30%{border-radius:40%;transform:translate(12px) rotate(150deg) scale(.3)}50%{border-radius:50%;transform:translate(15px) rotate(180deg) scale(.2)}70%{border-radius:40%;transform:translate(18px) rotate(210deg) scale(.3)}to{border-radius:0;transform:translate(30px) rotate(360deg) scale(1)}}.switch{border:1px solid rgba(216,219,226,.45);background:rgba(4,7,11,.55);border-radius:0;cursor:pointer;display:none;position:fixed;right:40px;top:21px;height:30px;width:60px;z-index:3;transition:border-color .3s ease,box-shadow .3s ease}@media (min-width: 1025px){.switch{display:block}}.switch:hover{border-color:#00f9aa;box-shadow:0 0 16px #00f9aa59}.switch.active .switch-toggle{animation:roll .3s;animation-fill-mode:forwards}.switch.active .switch-text{font-family:Bebas Neue,serif;opacity:.5}.switch.active .switch-text:last-of-type{opacity:1}.switch .switch-toggle{background-color:#00f9aa;box-shadow:0 0 12px #00f9aa99;position:absolute;left:2px;top:2px;height:26px;width:26px}.switch .switch-text{color:#d8dbe2;letter-spacing:1px;font-family:Bebas Neue,serif;position:absolute;left:-26px;top:6px;transition:opacity .3s ease}.switch .switch-text:last-of-type{opacity:.5;left:initial;right:-26px}