@import url(https://fonts.googleapis.com/css2?family=Playwrite+NG+Modern:wght@100..400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Poppins,sans-serif;padding:0}*,body{margin:0}body{background-color:#101314;background-image:url(/static/media/image2.125b44e7674c3e92b40d.png);background-repeat:repeat;color:#fffffa}::-webkit-scrollbar{display:none}.about-section{align-items:center;display:flex;font-family:Poppins,sans-serif;min-height:100vh;padding:100px 0 80px}.about-content-wrapper{padding:0 10%;width:100%}.about-title{color:#00abf0;font-size:50px;font-weight:600;margin-bottom:60px}.about-me{align-items:center;display:flex;gap:60px;justify-content:space-between}.about-me-container{flex:1 1;max-width:700px}.about-me-container p{color:#fffffa;font-size:18px;font-weight:400;line-height:1.8;margin-bottom:25px}.about-me-container p:last-child{margin-bottom:0}.encrypted-text,.highlight-text{color:#00abf0;font-size:20px;font-weight:500}.encrypted-text{opacity:.7}.about_img{align-items:center;display:flex;flex-shrink:0;height:400px;justify-content:center;width:400px}.about_img img{border-radius:50%;height:100%;object-fit:cover;width:100%}@media (max-width:1200px){.about-title{font-size:42px;margin-bottom:50px}.about_img{height:350px;width:350px}.about-me{gap:40px}}@media (max-width:992px){.about-content-wrapper{padding:0 5%}.about-title{font-size:38px;margin-bottom:40px}.about-me{gap:30px}.about_img{height:300px;width:300px}.about-me-container p{font-size:16px}.encrypted-text,.highlight-text{font-size:18px}}@media (max-width:768px){.about-section{padding:80px 0 60px}.about-me{align-items:center;flex-direction:column-reverse;gap:40px}.about-title{font-size:36px;margin-bottom:30px;text-align:center}.about-me-container{max-width:100%;text-align:left}.about_img{height:280px;width:280px}}@media (max-width:480px){.about-section{padding:70px 0 50px}.about-content-wrapper{padding:0 5%}.about-title{font-size:32px;margin-bottom:25px}.about-me-container p{font-size:15px;line-height:1.7;margin-bottom:20px}.encrypted-text,.highlight-text{font-size:16px}.about_img{height:240px;width:240px}}.connect{align-items:center;display:flex;flex-direction:column;font-family:Poppins,sans-serif;margin-top:80px;min-height:100vh;padding:0 10%}.connect-form{opacity:0;transform:translateY(100px);transition:opacity .5s ease-out,transform .5s ease-out,width .7s ease-out;width:0}.connect-form.animate{opacity:1;transform:translateY(0);width:100%}.connect h1{color:#00abf0;font-size:40px;font-weight:500;margin-bottom:1em;padding-left:20px;text-align:left;width:100%}.connect h2{font-size:36px;font-weight:500;margin-bottom:20px}.connect-form{border:2px solid #0090c5;border-radius:7px;max-width:600px;padding:40px;width:100%}.connect-form input,.connect-form textarea{border:1px solid #ccc;border-radius:5px;font-size:16px;margin-bottom:20px;padding:10px;width:100%}.connect-form textarea{resize:vertical}.connect-form .error{color:#ff0596;font-size:14px;margin-bottom:10px;margin-top:-5px}.connect-form .success{color:#02b7ff;font-size:15px;margin-top:15px}.connect-form button{align-items:center;background:#0000;border:2px solid #00abf0;border-radius:8px;color:#00abf0;cursor:pointer;display:inline-flex;font-size:19px;font-weight:600;height:100%;justify-content:center;letter-spacing:1px;overflow:hidden;padding:10px;position:relative;text-decoration:none;transition:color .5s;width:200px;z-index:1}.connect-form button:before{background:#00abf0;border-radius:5px;content:"";height:100%;left:0;position:absolute;top:0;transition:width .5s ease;width:0;z-index:-1}.connect-form button:hover:before{width:100%}.connect-form button:hover{color:#101314}.connect span{color:#00abf0;font-family:Playwrite NG Modern,cursive;font-optical-sizing:auto;font-size:30px;font-style:normal;font-weight:600}@media screen and (max-width:768px){.connect{padding:0 5%}.connect h1,.connect h2{font-size:28px}.connect-form{padding:25px}}.footer{background-color:#101314;color:#fffffa;font-family:Poppins,sans-serif;padding:20px 0;text-align:center}.footer-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.footer-logo a{color:#fffffa;font-size:25px;font-weight:600;text-decoration:none}.footer-logo a:hover{color:#00abf0;transition:all .3s ease-in-out}.footer-links ul,.footer-social ul{list-style:none;margin:0;padding:0}.footer-links ul li{display:inline-block;margin-right:20px}.footer-links ul li a{color:#fffffa;font-size:14px;text-decoration:none}.footer-links ul li a:hover{color:#00abf0;transition:all .3s ease-in-out}.footer-bottom{border-top:1px solid #333;margin-top:20px;padding-top:10px}.footer-bottom p{font-size:12px}.footer-social ul{list-style:none;margin:0;padding:0}.footer-social ul li{display:inline-block;margin-right:10px}.footer-social ul li a{color:#fffffa;font-size:20px;text-decoration:none;transition:color .3s ease}.footer-social ul li a:hover{color:#00abf0}@media screen and (max-width:768px){.footer-content{padding:0 20px}.footer-social{display:none}.footer-logo a{font-size:18px}.footer-links ul,.footer-social ul{margin:5px 0}.footer-links ul li,.footer-social ul li{margin-right:10px}.footer-links ul li a,.footer-social ul li a{font-size:12px}.footer-bottom p{font-size:10px}}.parallax{margin:.5rem 0;overflow:hidden;position:relative}.scroller{display:flex;filter:drop-shadow(0 1px 1px rgba(0,0,0,.1));font-family:Poppins,sans-serif;font-size:2.25rem;font-weight:700;letter-spacing:-.02em;text-align:center;white-space:nowrap}.scroller span{color:#00abf0;flex-shrink:0}.scroller span:nth-child(2n){color:#778da9}@media (min-width:768px){.scroller{font-size:3.5rem;line-height:3.5rem}}.home .animated-section.animate{opacity:1;transform:translateX(0)}.home .animated-section{display:flex;flex-wrap:wrap;justify-content:space-around}.home{align-items:center;display:flex;font-family:Poppins,sans-serif;justify-content:space-between;margin-top:75px;min-height:100vh;padding:0 10%}.home_container{margin-right:2rem;max-width:800px}.home_container h1{color:#778da9;font-size:50px;font-weight:600}.home_container h1 span{color:#00abf0}.home_container h3{color:#00abf0;font-size:32px;font-weight:700;margin-bottom:25px}.home_container p{font-size:16px;font-weight:400;margin:20px 0 40px}.home_container .btn-box{display:flex;height:50px;justify-content:space-between;margin-bottom:45px;width:345px}.btn-box .btn{align-items:center;background:#00abf0;border:2px solid #00abf0;border-radius:8px;color:#101314;cursor:pointer;display:inline-flex;font-size:19px;font-weight:600;height:100%;justify-content:center;letter-spacing:1px;overflow:hidden;position:relative;text-decoration:none;transition:color .5s ease;width:159px;z-index:1}.btn-box .btn:nth-child(2){background:#0000;color:#00abf0}.btn-box .btn:before{background:#0000;border-radius:5px;content:"";height:100%;left:0;position:absolute;top:0;transition:width .5s ease;width:0;z-index:-1}.btn-box .btn:first-child:hover{color:#00abf0}.btn-box .btn:first-child:before{background:#101314}.btn-box .btn:first-child:hover:before{width:100%}.btn-box .btn:nth-child(2):hover{color:#101314}.btn-box .btn:nth-child(2):before{background:#00abf0}.btn-box .btn:nth-child(2):hover:before{width:100%}.home_container .home_img{align-items:right;display:flex;height:100%;justify-content:flex-end;min-width:300px;padding-bottom:60px}.home_img img{height:90%;object-fit:cover;width:90%}.home_img img:hover{opacity:.8;transition:all .5s}.home-sci a{align-items:center;border:2px solid #00abf0;color:#00abf0;display:inline-flex;font-size:20px;height:50px;justify-content:center;margin-left:10px;margin-right:40px;overflow:hidden;position:relative;text-decoration:none;width:50px;z-index:1}.home-sci a,.home-sci a:before{background:#0000;border-radius:50%;transition:all .5s}.home-sci a:before{content:"";height:100%;left:0;position:absolute;top:0;width:0;z-index:-1}.home-sci a:hover:before{background-color:#00abf0;height:100%;width:100%}.home-sci a:hover{color:#101314}@media screen and (max-width:768px){.home{flex-direction:column;min-height:auto;padding:0 5%}.home_container{margin-left:10px;margin-right:10px;max-width:430px;padding:0 1rem;text-align:center}.home_container h1{font-size:40px}.home_container h3{font-size:28px}.home_container p{font-size:14px;margin-left:10px;margin-right:10px}.home_container .btn-box{margin-left:10px;margin-right:10px;width:95%}.btn-box .btn{font-size:16px;width:140px}.home-sci{margin-bottom:20px;margin-top:20px}.home-sci a{margin-bottom:10px;margin-right:20px}.home .animated-section{transform:translateX(10px)}.home .animated-section.animate{opacity:1;transform:translateX(0)}.heading-container{margin-bottom:1rem}}.folded-image-container{max-width:400px;position:relative;transition:transform .3s ease}.folded-image-container:hover{transform:scale(1.05)}.folded-image-container:after,.folded-image-container:before{border-style:solid;content:"";height:0;position:absolute;width:0;z-index:1}.folded-image-container:before{border-color:#101314 #0000 #0000;border-width:30px 30px 0 0;left:0;top:0}.folded-image-container:after{border-color:#0000 #0000 #101314;border-width:0 0 30px 30px;bottom:0;right:0}.folded-image-container img{display:block;height:auto;position:relative;transition:opacity .3s ease;width:100%;z-index:0}.folded-image-container:hover img{opacity:.8}@media screen and (max-width:768px){.folded-image-container{margin:0 auto;max-width:300px}.folded-image-container:after,.folded-image-container:before{border-width:20px 20px 0 0}.folded-image-container:after{border-width:0 0 20px 20px}}.heading-container{margin-bottom:1.5rem}.gradient-text{color:#00abf0;font-weight:600}.role-text{color:#fffffa;font-weight:500}:root{--color-1:#fffffa;--base-font-size:1rem;--logo-font-size:1.5625rem;--nav-font-size:1.125rem;--gradient-text-size:1.5625rem;--hamburger-size:1.875rem}@media (max-width:480px){:root{--logo-font-size:1.25rem;--nav-font-size:1rem;--gradient-text-size:1.25rem;--hamburger-size:1.5rem}}@media (min-width:1200px){:root{--logo-font-size:1.75rem;--nav-font-size:1.25rem;--gradient-text-size:1.75rem}}.animated-gradient-text{align-items:center;border-radius:1.25rem;cursor:pointer;flex-direction:row;font-weight:500;justify-content:center;margin:0 auto;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;overflow:hidden;padding:.5rem 1rem;position:relative;transition:box-shadow .5s ease-out}.text-content{animation:gradient linear infinite;background-clip:text;-webkit-background-clip:text;background-size:300% 100%;color:#0000;display:inline-block;font-size:1.5625rem;font-size:var(--gradient-text-size);font-weight:600;position:relative;z-index:2}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.header{align-items:center;background-color:#101314;background-image:url(/static/media/image2.125b44e7674c3e92b40d.png);background-repeat:repeat;display:flex;font-family:Poppins,sans-serif;justify-content:space-between;left:0;padding:1.25rem 10%;position:fixed;top:0;transition:background-color .3s ease,box-shadow .3s ease;width:100%;z-index:1000}.header .logo,.logo-container{text-decoration:none}.header .logo{color:#fffffa;font-size:1.5625rem;font-size:var(--logo-font-size);font-weight:600;transition:font-size .3s ease,transform .3s ease}.logo-container:hover .text-content{transform:scale(1.05)}.nav-container{flex-grow:1;margin:0 1.25rem;position:relative}.navbar{align-items:center;display:flex;gap:2em;justify-content:center;list-style:none;margin:0;padding:0}.navbar li{border-radius:100vw;color:#fffffa;cursor:pointer;padding:.6em 1em;position:relative;transition:all .3s ease}.navbar li a{color:inherit;font-size:1.125rem;font-size:var(--nav-font-size);font-weight:500;text-decoration:none;transition:font-size .3s ease}.navbar li:hover{background-color:#fffffa1a;color:#fffffa;color:var(--color-1);transform:translateY(-2px)}.navbar li.active{background-color:#fffffa;color:#101314;font-weight:600}.navbar li.active a{color:#101314}.header.scrolled{background-color:#101314;box-shadow:0 2px 16px #0000004d}.hamburger{color:#fffffa;color:var(--color-1);cursor:pointer;display:none;font-size:1.875rem;font-size:var(--hamburger-size);transition:all .3s ease-in-out}.hamburger:hover{transform:scale(1.1)}@media (max-width:768px){.header{padding:1rem 5%}.navbar{background-color:#101314;box-shadow:0 4px 16px #0000001a;display:none;flex-direction:column;gap:0;left:0;padding:.625rem 0;position:absolute;top:60px;width:100%}.navbar li{border-radius:0;margin:.3125rem 0;text-align:center;width:100%}.navbar li a{display:block;margin:.625rem 0;padding:.75rem 1rem}.navbar li:hover{background-color:#36454f;transform:none}.navbar li.active{background-color:#36454f;color:#fffffa}.navbar li.active a{color:#fffffa}.hamburger{display:block}.navbar.open{display:flex}.header.scrolled{background-color:#101314}.nav-container{margin:0 .625rem}}@media (max-width:480px){.header{padding:.75rem 3%}.animated-gradient-text{padding:.375rem .75rem}}@media (hover:hover){.navbar li:hover{transform:translateY(-2px)}.logo-container:hover .text-content{transform:scale(1.05)}}.projects{background-color:#101314;color:#fffffa;font-family:Poppins,sans-serif;min-height:100vh;overflow:hidden;padding:50px 13%}.projects-header{margin-bottom:4rem;text-align:center}.projects-header h1{font-size:4rem;font-weight:700;margin-bottom:1rem}.subtitle{color:#9ca3af;font-size:1.125rem}.projects-container{margin:0 auto;max-width:72rem;opacity:0;transform:translateX(50%);transition:opacity .6s ease-out,transform .6s ease-out}.projects-container.animate{opacity:1;transform:translateX(0)}.project-item{-webkit-tap-highlight-color:transparent;border-bottom:1px solid #1f2937;cursor:pointer;overflow:hidden;padding:2rem 0;position:relative;touch-action:manipulation;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.project-image{background-position:50%;background-size:cover;border-radius:.5rem;box-shadow:0 25px 50px -12px #0006;height:8rem;opacity:0;pointer-events:none;position:absolute;transform:translate(-120px,-60px) scale(.8);transition:all .6s cubic-bezier(.25,.46,.45,.94);width:16rem;will-change:transform,opacity;z-index:10}.project-image-overlay{background:linear-gradient(to top right,#9333ea1a,#ec489933);border-radius:.5rem;inset:0;position:absolute}.project-content{align-items:center;display:flex;justify-content:space-between}.project-text{flex:1 1}.project-text h2{font-size:2.25rem;font-weight:700;margin-bottom:.5rem;will-change:transform,color}.project-text h2,.project-text p{color:#fffffa;transition:all .3s;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.project-text p{font-size:1.125rem;max-width:42rem;opacity:.6;will-change:transform,opacity}.project-line{background:linear-gradient(90deg,#9333ea,#ec4899);bottom:0;height:2px;left:0;position:absolute;transition:all .5s ease-out;width:0;will-change:width}@media screen and (max-width:768px){.projects{padding:2rem 1rem}.projects-header h1{font-size:2.5rem}.project-content{flex-direction:column}.project-text h2{font-size:1.5rem}.project-text p{font-size:1rem}.project-item{padding:1.5rem 0}.project-image{cursor:pointer;height:12rem;left:50%;opacity:0;pointer-events:auto;top:50%;transform:translate(-50%,-50%) scale(.8);width:80%}.project-item.active .project-image{opacity:1;transform:translate(-50%,-50%) scale(1);z-index:50}.project-item.active .project-text h2{color:#f8fafc;transform:translateX(20px)}.project-item.active .project-text p{opacity:1;transform:translateX(20px)}.project-item.active .project-line{width:100%}}@media (hover:none){.project-item{transition:transform .3s ease}.project-image,.project-line,.project-text h2,.project-text p{transition:all .3s ease}}.modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;font-family:Poppins,sans-serif;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.modal-content{background:#1f242d;border:2px solid #00abf0;border-radius:20px;box-shadow:0 4px 8px #ffffff1a;line-height:1.5;max-width:600px;padding:50px;position:relative;text-align:left;width:80%}.close-button{background:none;border:none;border-radius:50%;color:#00abf0;cursor:pointer;font-size:1.8rem;padding:10px;position:absolute;right:15px;top:15px;transition:all .4s ease}.close-button:hover{font-size:2rem;rotate:90deg;top:10px}.close-button span:focus{outline:#00abf0}.modal-content h2{color:#00abf0;margin-bottom:.7em;margin-top:0}.modal-content .project-duration{bold:500;color:#19a4ff;margin-bottom:.5em;text-align:right}.modal-content ul{list-style-type:none;padding-left:20px}.modal-content ul li{margin-bottom:10px}.modal-content ul li svg{color:#00abf0;margin-right:5px;rotate:-45deg}.modal-content a{align-items:center;background:#00abf0;border:2px solid #00abf0;border-radius:8px;color:#00abf0;cursor:pointer;display:inline-flex;font-family:Poppins;font-size:19px;font-weight:600;height:100%;justify-content:center;letter-spacing:1px;margin-top:1.5em;overflow:hidden;padding:5px 30px;position:relative;text-decoration:none;z-index:1}.modal-content a:before{background:#1f242d;border-radius:5px;content:"";height:100%;left:0;position:absolute;top:0;transition:.5s;width:100%;z-index:-1}.modal-content a:hover:before{height:0}.modal-content a:hover{color:#081b29}@media screen and (max-width:780px){.modal-content{padding:30px;width:90%}.modal-content h2{font-size:1.5rem}.modal-content ul li{font-size:.95rem}.modal-content a{font-size:1rem}}body,html{font-family:Poppins,sans-serif;margin:0;overflow-x:hidden;padding:0}.skills{background:#101314;box-sizing:border-box;color:#fffffa;min-height:100vh;padding:50px 10%;width:100%}.skills-header{margin-bottom:60px;text-align:center}.skills-header h2{font-size:4rem;font-weight:700;margin-bottom:1rem}.gradient-text{background:linear-gradient(90deg,#9333ea,#ec4899,#3b82f6);-webkit-background-clip:text;background-clip:text;color:#0000}.skills-header p{color:#6b7280;font-size:1.1rem}.skills-content{background:#000c;border:2px solid #333;border-radius:12px;box-sizing:border-box;margin:0 auto;max-width:1200px;padding:40px;width:100%}.skills-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);opacity:0;transform:translateX(-100px);transition:all .8s ease-out}.skills-grid.animate{opacity:1;transform:translateX(0)}.tech-card{align-items:center;background:#fffff7;border:2px solid #1e90ff;border-radius:8px;display:flex;flex-direction:column;gap:15px;padding:20px;text-align:center;transition:all .3s ease}.tech-card:hover{box-shadow:0 0 20px #1e90ff4d;transform:translateY(-5px)}.tech-title{color:#1e90ff;font-size:1.5rem;font-weight:600;margin:0}.tech-icon{align-items:center;border-radius:8px;display:flex;height:60px;justify-content:center;margin:10px 0;padding:10px;width:60px}.tech-icon svg{height:100%;width:100%}.progress-bar{align-items:center;background:#333;border-radius:15px;display:flex;height:30px;justify-content:center;overflow:hidden;position:relative;width:100%}.progress-fill{background:#1e90ff;border-radius:15px;height:100%;left:0;position:absolute;top:0;transition:width 1.5s ease-in-out}.progress-text{color:#fff;font-size:.9rem;font-weight:600;position:relative;text-shadow:1px 1px 2px #00000080;z-index:1}.html5-icon{background:#e34f2633}.css3-icon{background:#1572b633}.nodejs-icon{background:#3933}.react-icon{background:#61dafb33}.javascript-icon{background:#f7df1e33}.mysql-icon{background:#4479a133}.docker-icon{background:#2496ed33}.linux-icon{background:#fcc62433}.mongodb-icon{background:#47a24833}.express-icon{background:#0003}.postman-icon{background:#ff6c3733}.cplusplus-icon{background:#00599c33}.burpsuite-icon{background:#f633}@media (max-width:1200px){.skills-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.skills-grid{grid-template-columns:repeat(2,1fr)}.skills-header h2{font-size:2.8rem}}@media (max-width:768px){.skills{box-sizing:border-box;padding:30px 15px;width:100%}.skills-header h2{font-size:2.5rem}.skills-content{padding:20px 10px}.skills-grid{gap:15px;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.skills-grid{gap:15px;grid-template-columns:repeat(2,1fr)}.skills-header h2{font-size:2rem}.tech-card{gap:10px;padding:15px}.tech-title{font-size:1.2rem}.tech-icon{height:45px;padding:8px;width:45px}.progress-bar{height:25px}.progress-text{font-size:.8rem}}.loading-container{align-items:center;background-color:#000;display:flex;flex-direction:column;justify-content:center;z-index:9999}#lights,.loading-container{height:100vh;left:0;position:fixed;top:0;width:100vw}#lights{overflow:hidden}canvas{height:100%!important;left:0;position:absolute;top:0;width:100%!important}.loading-text{animation:pulse 1.5s ease-in-out infinite;color:#fff;font-size:24px;font-weight:700;letter-spacing:2px;pointer-events:none;position:fixed;text-transform:uppercase;z-index:10000}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@media (max-width:768px){.target-cursor-wrapper{display:none}.cursor-target{cursor:pointer!important}}@media (min-width:769px){.target-cursor-wrapper{height:0;left:0;mix-blend-mode:difference;pointer-events:none;position:fixed;top:0;transform:translate(-50%,-50%);width:0;z-index:9999}.target-cursor-dot{background:#fff;border-radius:50%;height:4px;transform:translate(-50%,-50%);width:4px}.target-cursor-corner,.target-cursor-dot{left:50%;position:absolute;top:50%;will-change:transform}.target-cursor-corner{border:3px solid #fff;height:12px;width:12px}.corner-tl{border-bottom:none;border-right:none;transform:translate(-150%,-150%)}.corner-tr{border-bottom:none;border-left:none;transform:translate(50%,-150%)}.corner-br{border-left:none;border-top:none;transform:translate(50%,50%)}.corner-bl{border-right:none;border-top:none;transform:translate(-150%,50%)}}