@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&family=Roboto:wght@100;300;700;900&display=swap);*{border:0;box-sizing:border-box;list-style:none;margin:0;outline:0;padding:0;text-decoration:none}:root{--color-bg:#0f172a;--color-bg-variant:hsla(0,0%,100%,.02);--color-primary:#4db5ff;--color-primary-variant:rgba(77,181,255,.4);--color-white:#fff;--color-light:hsla(0,0%,100%,.6);--transition:all 400ms ease;--container-width-lg:75%;--container-width-md:86%;--container-width-sm:90%}html{scroll-behavior:smooth}::-webkit-scrollbar{display:none}body{background-attachment:fixed;background-color:#0f172a;background-color:var(--color-bg);background-image:linear-gradient(rgba(77,181,255,.05) 1px,transparent 0),linear-gradient(90deg,rgba(77,181,255,.05) 1px,transparent 0),radial-gradient(circle at 50% 50%,rgba(77,181,255,.1),transparent 80%);background-size:40px 40px,40px 40px,100% 100%;color:#fff;color:var(--color-white);font-family:Poppins,sans-serif;line-height:1.7;overflow-x:hidden;position:relative}section{background:transparent!important;margin-top:8rem}.container{margin:0 auto;width:75%;width:var(--container-width-lg)}.name-gradient,.section-title-glow,h1{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#fff,#4db5ff,#4db5ff);background:linear-gradient(to right,#fff,var(--color-primary),#4db5ff);-webkit-background-clip:text;background-clip:text}h1{font-size:2.5rem;font-weight:600}section>h2,section>h5{color:hsla(0,0%,100%,.6);color:var(--color-light);text-align:center}section>h2{margin-bottom:3rem}.btn,section>h2{color:#4db5ff;color:var(--color-primary)}.btn{background:transparent;border:1px solid #4db5ff;border:1px solid var(--color-primary);border-radius:.6rem;cursor:pointer;display:inline-block;padding:.75rem 1.2rem;transition:all .4s ease;transition:var(--transition);width:-webkit-max-content;width:max-content}.btn:hover{background-color:#fff;background-color:var(--color-white);border-color:transparent;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-primary,.btn:hover{color:#0f172a;color:var(--color-bg)}.btn-primary{background-color:#4db5ff;background-color:var(--color-primary);font-weight:600}img{display:block;object-fit:cover;width:100%}@media screen and (max-width:1024px){.container{width:86%;width:var(--container-width-md)}section{margin-top:6rem}}@media screen and (max-width:600px){.container{width:90%;width:var(--container-width-sm)}section>h2{margin-bottom:2rem}body{background-size:30px 30px,30px 30px,100% 100%}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}header{align-items:center;background:#0f172a;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100%}.header__texture{background-image:linear-gradient(rgba(77,181,255,.05) 1px,transparent 0),linear-gradient(90deg,rgba(77,181,255,.05) 1px,transparent 0),radial-gradient(circle at 50% 50%,rgba(77,181,255,.15),transparent 70%)}.header__container{align-items:center;display:flex;flex-direction:column;z-index:2}.glass-card{-webkit-animation:float 6s ease-in-out infinite;animation:float 6s ease-in-out infinite;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 25px 50px -12px rgba(0,0,0,.5);padding:3rem 5rem}.name-gradient{-webkit-text-fill-color:transparent;background:linear-gradient(to right,#fff,var(--color-primary),#4db5ff);-webkit-background-clip:text;background-clip:text;font-size:4.5rem;font-weight:800;margin:1rem 0}.role-wrapper{background:rgba(77,181,255,.1);border-radius:50px;display:inline-block;margin-bottom:2rem;padding:.5rem 1.5rem}.header__socials{align-items:center;bottom:0;display:flex;flex-direction:column;gap:1.2rem;left:3rem;position:absolute}.socials-line{background:linear-gradient(var(--color-primary),transparent);height:5rem;width:2px}.scroll__down{bottom:5rem;color:var(--color-primary);letter-spacing:.2rem;position:absolute;right:1rem;-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.4s}@-webkit-keyframes float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes pulse{0%{box-shadow:0 0 0 0 rgba(77,181,255,.7);-webkit-transform:scale(1);transform:scale(1)}70%{box-shadow:0 0 0 10px rgba(77,181,255,0);-webkit-transform:scale(1.05);transform:scale(1.05)}to{box-shadow:0 0 0 0 rgba(77,181,255,0);-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(77,181,255,.7);-webkit-transform:scale(1);transform:scale(1)}70%{box-shadow:0 0 0 10px rgba(77,181,255,0);-webkit-transform:scale(1.05);transform:scale(1.05)}to{box-shadow:0 0 0 0 rgba(77,181,255,0);-webkit-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}@media screen and (max-width:600px){.glass-card{padding:2rem;width:90%}.name-gradient{font-size:2.5rem}.header__socials,.scroll__down{display:none}}footer{background:var(--color-primary);font-size:.9rem;margin-top:7rem;padding:3rem 0;text-align:center}footer a{color:var(--color-bg)}.footer__logo{display:inline-block;font-size:2rem;font-weight:500;margin-bottom:2rem}.permalinks{flex-wrap:wrap;gap:2rem;margin:0 auto 3rem}.footer__socials,.permalinks{display:flex;justify-content:center}.footer__socials{gap:1rem;margin-bottom:4rem}.footer__socials a{background:var(--color-bg);border:1px solid transparent;border-radius:.7rem;color:var(--color-white);display:flex;padding:.8rem}.footer__socials a:hover{background:transparent;border-color:var(--color-bg);color:var(--color-bg)}.footer__copyright{color:var(--color-bg);margin-bottom:4rem}@media screen and (max-width:600px){.permalinks{flex-direction:column;gap:1.5rem}.footer__socials{margin-bottom:2.6rem}}nav{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:rgba(0,0,0,.3);border-radius:3rem;bottom:2rem;display:block;gap:.8rem;left:50%;padding:.7rem 1.7rem;position:fixed;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:-webkit-max-content;width:max-content;z-index:2}nav,nav a{display:flex}nav a{background:transparent;border-radius:50%;color:var(--color-light);font-size:1.1rem;padding:.9rem}nav a:hover{background:rgba(0,0,0,.3)}nav a.active{background:var(--color-bg);color:var(--color-white)}#about{background:#0f172a;overflow:hidden;padding:8rem 0;position:relative}.header__texture{background-image:linear-gradient(rgba(77,181,255,.05) 1px,transparent 0),linear-gradient(90deg,rgba(77,181,255,.05) 1px,transparent 0),radial-gradient(circle at 50% 50%,rgba(77,181,255,.1),transparent 80%);height:100%;left:0;top:0;width:100%}.orbit-icon{color:rgba(77,181,255,.07)}.react-icon{-webkit-animation-delay:0s;animation-delay:0s;font-size:5rem;left:5%;top:10%}.next-icon{-webkit-animation-delay:2s;animation-delay:2s;font-size:4rem;right:10%;top:15%}.mongo-icon{-webkit-animation-delay:4s;animation-delay:4s;bottom:10%;font-size:4.5rem;left:8%}.node-icon{-webkit-animation-delay:1s;animation-delay:1s;bottom:15%;font-size:5.5rem;right:5%}.express-icon{-webkit-animation-delay:3s;animation-delay:3s;font-size:3.5rem;opacity:.6;right:12%;top:45%}.ts-icon{-webkit-animation-delay:5s;animation-delay:5s;font-size:3rem;left:10%;top:50%}.about__container{position:relative;z-index:2}.section-title{color:#fff;font-size:2.5rem;letter-spacing:2px;margin-bottom:4rem;text-align:center}.about__layout{grid-gap:5rem;align-items:center;display:grid;gap:5rem;grid-template-columns:1fr 1.5fr}.about__left,.image-neon-frame{display:flex;justify-content:center}.image-neon-frame{align-items:center;aspect-ratio:4/5;background:#111;border-radius:2rem;box-shadow:0 20px 50px rgba(0,0,0,.5);max-width:320px;overflow:hidden;position:relative;width:100%}.image-neon-frame:before{-webkit-animation:rotateBorder 4s linear infinite;animation:rotateBorder 4s linear infinite;background:conic-gradient(transparent,transparent,transparent,var(--color-primary));content:"";height:150%;position:absolute;width:150%}.image-neon-frame:after{background:#0f172a;border-radius:1.8rem;content:"";inset:4px;position:absolute}.image-inner{border-radius:1.5rem;height:95%;overflow:hidden;position:relative;width:95%;z-index:2}.image-inner img{height:100%;object-fit:cover;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;width:100%}.image-inner img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}@-webkit-keyframes rotateBorder{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotateBorder{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.about__cards-flex{display:flex;gap:1.5rem;margin-bottom:2rem}.glass-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:1.5rem;flex:1 1;text-align:center;transition:all .4s ease}.glass-card:hover{background:rgba(77,181,255,.05);border-color:var(--color-primary);-webkit-transform:translateY(-10px);transform:translateY(-10px)}.stat-icon{color:var(--color-primary);font-size:2rem;margin-bottom:1rem}.description-text{color:hsla(0,0%,100%,.7);font-size:1.1rem;line-height:1.8;margin-bottom:2.5rem}.description-text .highlight-blue{background:rgba(77,181,255,.1);border-radius:4px;color:#4db5ff!important;display:inline-block;font-weight:700;padding:0 5px;transition:.3s}.description-text .highlight-blue:hover{background:var(--color-primary);color:#fff!important;text-shadow:0 0 10px #fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.about__btns{display:flex;gap:1.5rem}.btn-modern{border-radius:50px;font-size:.85rem;letter-spacing:1px;padding:1rem 2.5rem;text-transform:uppercase;transition:.4s}.btn-connect{background:var(--color-primary);box-shadow:0 4px 15px rgba(77,181,255,.3);color:#000!important}.btn-view{border:1px solid hsla(0,0%,100%,.2);color:#fff!important}.btn-view:hover{background:var(--color-primary);border-color:var(--color-primary);color:#000!important}.pulse{-webkit-animation:pulse-glow 2s infinite;animation:pulse-glow 2s infinite}@-webkit-keyframes pulse-glow{0%{box-shadow:0 0 0 0 rgba(77,181,255,.4)}70%{box-shadow:0 0 0 15px rgba(77,181,255,0)}to{box-shadow:0 0 0 0 rgba(77,181,255,0)}}@keyframes pulse-glow{0%{box-shadow:0 0 0 0 rgba(77,181,255,.4)}70%{box-shadow:0 0 0 15px rgba(77,181,255,0)}to{box-shadow:0 0 0 0 rgba(77,181,255,0)}}@media screen and (max-width:1024px){.about__layout{grid-template-columns:1fr;text-align:center}.about__left{margin-bottom:2rem}.about__btns,.about__cards-flex{justify-content:center}}@media screen and (max-width:600px){.about__cards-flex{flex-direction:column}.image-neon-frame{max-width:280px}.section-title{font-size:2rem}.express-icon,.ts-icon{display:none}}#experience{background:#0f172a;overflow:hidden;padding:10rem 0;position:relative}.orbit-icon{-webkit-animation:floatVertical 10s ease-in-out infinite;animation:floatVertical 10s ease-in-out infinite;color:rgba(77,181,255,.06)}.react-icon-exp{font-size:5.5rem;left:5%;top:10%}.next-icon-exp{font-size:4rem;right:10%;top:15%}.mongo-icon-exp{bottom:10%;font-size:4.5rem;left:8%}.node-icon-exp{bottom:15%;font-size:5rem;right:5%}.express-icon-exp{font-size:3.5rem;right:12%;top:45%}.ts-icon-exp{font-size:3rem;left:10%;top:50%}.js-icon-exp{bottom:40%;font-size:4rem;left:3%;opacity:.5}.gradient-text{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#fff,#4db5ff);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:800}.experience__container{align-items:center;display:flex;flex-direction:column;position:relative;z-index:5}.glass-card{border-radius:2.5rem;max-width:850px;padding:4rem;width:100%}.experience__content{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(2,1fr)}.experience__details{align-items:flex-start;-webkit-animation:revealIn .8s ease forwards;animation:revealIn .8s ease forwards;display:flex;gap:1.2rem;opacity:0}.experience__details-icon{color:#4db5ff;flex-shrink:0;font-size:1.2rem;margin-top:4px}.skill__text-wrapper{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.skill__text-wrapper h4{color:#fff;font-size:1.1rem;font-weight:600;line-height:1.2;margin:0}.skill__level{color:hsla(0,0%,100%,.4);font-size:.85rem}.badge-glow{background:rgba(77,181,255,.1);border:1px solid rgba(77,181,255,.3);border-radius:50px;color:#4db5ff;display:inline-block;margin-top:1rem;padding:.4rem 1.2rem}@-webkit-keyframes revealIn{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes revealIn{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media screen and (max-width:600px){.experience__content{grid-template-columns:1fr}.tech-orbit{display:none}}#contact{background:#0f172a;overflow:hidden;padding:8rem 0;position:relative}.orbit-icon{z-index:1}.con-icon-1{font-size:5rem;left:5%;top:10%}.con-icon-2{font-size:4rem;right:8%;top:20%}.con-icon-3{bottom:15%;font-size:4.5rem;left:10%}.con-icon-4{bottom:10%;font-size:5rem;right:5%}.con-icon-5{font-size:3rem;left:2%;top:40%}.con-icon-6{font-size:3.5rem;right:2%;top:50%}.con-icon-7{bottom:40%;font-size:4rem;opacity:.03;right:15%}.contact__head{margin-bottom:4rem;position:relative;text-align:center;z-index:5}.section-title-glow{margin-bottom:1rem}.contact__info-text{color:hsla(0,0%,100%,.5);margin:0 auto;max-width:500px}.contact__container{position:relative;z-index:5}.contact__wrapper{grid-gap:10%;display:grid;gap:10%;grid-template-columns:30% 60%;margin:0 auto;max-width:1100px;width:100%}.glass-card{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.08);border-radius:2rem;padding:2rem}.contact__option{align-items:center;display:flex;flex-direction:column;gap:.5rem;transition:.4s ease}.contact__option:hover{background:rgba(77,181,255,.05);border-color:#4db5ff}.contact__option-icon{color:#4db5ff;font-size:2rem;margin-bottom:.5rem}.contact__option a{color:#4db5ff;font-size:.85rem;font-weight:600;margin-top:.5rem;text-decoration:none}.contact__form{flex-direction:column}.contact__form,.input__group{display:flex;gap:1.5rem}input,textarea{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:1rem;color:#fff;font-family:inherit;padding:1.2rem;transition:.3s;width:100%}input:focus,textarea:focus{background:hsla(0,0%,100%,.07);border-color:#4db5ff;box-shadow:0 0 15px rgba(77,181,255,.1);outline:none}.btn-connect{align-items:center;border:none;border-radius:1rem;cursor:pointer;display:flex;font-weight:700;gap:.8rem;justify-content:center;padding:1rem 2rem;transition:.3s ease}.btn-connect:hover{box-shadow:0 5px 20px rgba(77,181,255,.3);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.send-icon{font-size:1rem}.success-message{-webkit-animation:fadeIn .5s ease;animation:fadeIn .5s ease;color:#4db5ff;font-weight:600;text-align:center}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media screen and (max-width:1024px){.contact__wrapper{gap:2rem;grid-template-columns:1fr}}@media screen and (max-width:600px){.input__group{flex-direction:column}#contact{padding:6rem 0}.tech-orbit{display:none}}#portfolio{background:#0f172a;overflow:hidden;padding:10rem 0;position:relative}.header__texture{background-image:linear-gradient(rgba(77,181,255,.05) 1px,transparent 0),linear-gradient(90deg,rgba(77,181,255,.05) 1px,transparent 0),radial-gradient(circle at 50% 50%,rgba(77,181,255,.12),transparent 80%);background-size:40px 40px,40px 40px,100% 100%}.header__texture,.tech-orbit{inset:0;pointer-events:none;position:absolute;z-index:1}.orbit-icon{-webkit-animation:floatVertical 12s ease-in-out infinite;animation:floatVertical 12s ease-in-out infinite;color:rgba(77,181,255,.05);-webkit-filter:blur(1px);filter:blur(1px);position:absolute}.port-icon-react{-webkit-animation-delay:0s;animation-delay:0s;font-size:6rem;left:3%;top:5%}.port-icon-next{-webkit-animation-delay:2s;animation-delay:2s;font-size:5rem;right:5%;top:15%}.port-icon-mongo{-webkit-animation-delay:4s;animation-delay:4s;bottom:8%;font-size:4.5rem;left:5%}.port-icon-node{-webkit-animation-delay:1s;animation-delay:1s;bottom:12%;font-size:5.5rem;right:4%}.port-icon-express{-webkit-animation-delay:3s;animation-delay:3s;font-size:3.5rem;right:8%;top:45%}.port-icon-ts{-webkit-animation-delay:5s;animation-delay:5s;font-size:3rem;left:6%;top:50%}.port-icon-js{-webkit-animation-delay:1.5s;animation-delay:1.5s;font-size:4rem;left:15%;opacity:.03;top:25%}@-webkit-keyframes floatVertical{0%,to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}50%{-webkit-transform:translateY(-40px) rotate(10deg);transform:translateY(-40px) rotate(10deg)}}@keyframes floatVertical{0%,to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}50%{-webkit-transform:translateY(-40px) rotate(10deg);transform:translateY(-40px) rotate(10deg)}}.section-title-glow{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#fff,#4db5ff);-webkit-background-clip:text;background-clip:text;font-size:2.8rem;font-weight:800;margin-bottom:4rem;text-align:center}.portfolio__grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(3,1fr);position:relative;z-index:5}.portfolio__item{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.08);border-radius:2rem;display:flex;flex-direction:column;padding:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.portfolio__item:hover{background:rgba(77,181,255,.05);border-color:#4db5ff;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.portfolio__item-image{border-radius:1.5rem;height:180px;overflow:hidden;position:relative}.portfolio__item-image img{height:100%;object-fit:cover;transition:.6s ease;width:100%}.portfolio__overlay{align-items:center;background:rgba(15,23,42,.85);display:flex;gap:1.2rem;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:.4s ease;width:100%}.portfolio__item:hover .portfolio__overlay{opacity:1}.overlay-icon{background:#4db5ff;border-radius:50%;color:#0f172a;display:flex;font-size:1.1rem;padding:.8rem;transition:.3s ease}.overlay-icon:hover{background:#fff;-webkit-transform:scale(1.2);transform:scale(1.2)}.portfolio__item-content h3{color:#fff;font-size:1.15rem;line-height:1.4;margin:1.5rem 0 .5rem}.description{color:hsla(0,0%,100%,.5);font-size:.85rem;margin-bottom:1rem}.tech-stack{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.5rem}.tech-badge{background:rgba(77,181,255,.08);border:1px solid rgba(77,181,255,.2);border-radius:4px;color:#4db5ff;font-size:.7rem;padding:.2rem .6rem}.portfolio__item-cta{display:flex;gap:1rem;margin-top:auto}.btn-modern{border-radius:.8rem;flex:1 1;font-size:.8rem;font-weight:600;padding:.7rem 0;text-align:center;text-decoration:none;transition:.3s ease}.btn-view{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:#fff}.btn-view:hover{background:#fff;color:#0f172a}.btn-connect{background:#4db5ff;color:#0f172a}.btn-connect:hover{background:#fff;box-shadow:0 0 15px hsla(0,0%,100%,.3)}@media screen and (max-width:1024px){.portfolio__grid{gap:1.5rem;grid-template-columns:1fr 1fr}}@media screen and (max-width:600px){#portfolio{padding:6rem 0}.portfolio__grid{grid-template-columns:1fr}.tech-orbit{display:none}.section-title-glow{font-size:2rem}}
/*# sourceMappingURL=main.ea8d032c.css.map*/