@import'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;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet';*{font-family:Poppins,sans-serif;margin:0;box-sizing:border-box}body{color:#fff;background-color:#060417}.container{max-width:1300px!important;margin:0 auto;position:relative}@media (max-width:1300px){.container{padding:0 1.5rem}}html{scroll-behavior:smooth}.nav-wrapper{background-color:#0000001a;padding:.5rem 0;position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px)}.nav-content{max-width:1200px;display:flex;align-items:center;justify-content:space-between;padding:1rem 0;margin:0 auto}.logo{width:8rem;height:auto}.nav-content ul{display:flex;align-items:center;gap:.5rem;list-style:none}.nav-content li{margin:0 1.5rem}.menu-item{text-decoration:none;font-size:.9rem;font-weight:500;color:#fff;position:relative;cursor:pointer}.menu-item:before{content:"";width:2rem;height:.2rem;background:linear-gradient(90deg,#a993fe,#7e61e7);border-radius:.5rem;position:absolute;bottom:-.6rem;opacity:0;transform:translate(-1.5rem);transition:all .3s ease}.menu-item:hover:before{width:100%;transform:translate(0);opacity:1}.contact-btn{font-size:.9rem;font-weight:500;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(90deg,#a993fe,#7e61e7);padding:.6rem 2rem;border:none;outline:1.5px solid transparent;border-radius:.2rem;cursor:pointer;transition:all .3 ease}.contact-btn:hover{color:#a993fe;background:#000;outline:1.5px solid #a993fe}.menu-btn{width:2.5rem;height:2.5rem;font-size:1.5rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:.4rem;color:#fff;background:linear-gradient(90deg,#a993fe -.13%,#7e61e7 99.87%);line-height:0;cursor:pointer;transition:all .4s ease;display:none}.menu-btn:hover{color:#a993fe;background:#000;border:1px solid #a993fe}@media (max-width:425px){.logo{width:5rem;height:auto}}@media (max-width:769px){.menu-btn{display:block}.nav-content ul{display:none}}@media (max-width:1325px){.nav-wrapper{padding:0 2rem}}.mobile-menu{width:100vw;height:100vh;display:none;background-color:#0000004d;position:fixed;left:0;top:0;z-index:900!important;opacity:0;box-shadow:0 29px 80px #0000004d;transition:all .3s ease;transform:translate(-100vw)}.mobile-menu-container{width:60vw;height:100vh;background-color:#342864;padding:2rem}.mobile-menu.active{opacity:1;transform:translate(0)}.mobile-menu img{margin-bottom:3rem}.mobile-menu ul{display:flex;flex-direction:column;gap:2rem;list-style:none;margin-left:-2rem}@media (max-width:769px){.mobile-menu{display:block}}.hero-container{display:flex;align-items:center;position:relative}.hero-container:after,.hero-container:before{content:"";width:28.125rem;height:28.125rem;border-radius:28.125rem;position:absolute;z-index:-1}.hero-container:after{top:-3rem;left:-5rem}.hero-container:before{bottom:2rem;right:0rem}.hero-content{flex:1}.hero-content h2{font-size:3.8rem;font-weight:600;line-height:5rem;margin-bottom:1rem}.hero-content p{width:80%;font-size:1rem;font-weight:400;line-height:2rem}.hero-img{flex:1;display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:5rem}.hero-img>div{display:flex;align-items:flex-end;gap:2rem}.hero-img>div>img{width:25rem;transition:all .3s ease;border-radius:10%}.tech-icon{width:5rem;height:5rem;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:.65rem;border:1.5px solid #6852ba}.tech-icon img{width:3rem;height:auto;transition:all .3s ease}.hero-img>div>img:hover,.tech-icon img:hover{transform:translateY(-.5rem)}@media (max-width:1025px){.hero-content h2{font-size:3rem;line-height:4rem}.hero-content p{font-size:.9rem;line-height:1.6rem}.hero-img>div>img{width:20rem}.tech-icon{width:4rem;height:4rem}.tech-icon img{width:2.5rem}}@media (max-width:768px){.hero-container{flex-direction:column}.hero-img{margin:2rem 0}.hero-container h2{margin-top:3rem}.hero-content p,.hero-content h2{width:auto;text-align:center}.hero-container:after,.hero-container:before{content:"";width:18rem;height:18rem}.hero-container:after{top:0rem;left:0rem}.hero-container:before{bottom:0rem;right:0rem}}@media (max-width:768px){.hero-img{gap:1rem}.hero-content h2{font-size:2.2rem;line-height:3rem}.hero-content p{font-size:.8rem;line-height:1.3rem}.hero-img>div{gap:1rem}.hero-img>div>img{width:16rem}.tech-icon{width:3.3rem;height:3.3rem}.tech-icon img{width:2rem}}.skills-container{margin:4rem 0}.skills-container h5{font-size:1.5rem;font-weight:600;margin-bottom:3.5rem;text-align:left}.skills-content{display:flex;flex-wrap:wrap;gap:3rem}.skills{flex:1 1 300px;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.skills-info{flex:1 1 300px}@media (max-width: 1024px){.skills-container h5{font-size:1.35rem}.skills-content{gap:2rem}.skills{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width: 600px){.skills-container{margin:3rem 0}.skills-container h5{font-size:1.25rem;margin-bottom:2rem}.skills-content{flex-direction:column}.skills{grid-template-columns:1fr;gap:1.5rem}}.skill-card{position:relative;padding:2.5rem;border-radius:.65rem;border:1.5px solid #6751b9;background:#16112f66;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);text-align:center;cursor:pointer;transition:background .3s ease,transform .3s ease}.skill-card:hover,.skill-card.active{background:linear-gradient(180deg,#aa94fe,#7c5fe6);transform:translateY(-.25rem)}.skill-card span{display:block;margin-top:2.5rem;font-size:1.3rem;font-weight:500;color:#fff}.skill-icon{position:absolute;top:-1rem;left:-1rem;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;background:#2a2252;border-radius:.65rem;border:1.5px solid #6751b9}.skill-icon img{width:2.5rem;height:auto;object-fit:contain}@media (max-width: 1024px){.skill-card{padding:2rem}.skill-icon{width:3.5rem;height:3.5rem;top:-.75rem;left:-.75rem}.skill-icon img{width:2rem}.skill-card span{font-size:1.1rem;margin-top:2.8rem}}@media (max-width: 600px){.skills{grid-template-columns:repeat(2,1fr);gap:1rem}.skill-card{padding:.5rem}.skill-icon{width:3rem;height:3rem;top:-.65rem;left:-.65rem}.skill-icon img{width:1.8rem}.skill-card span{font-size:1rem;margin-top:2.4rem}}.skills-info-card{min-height:23rem;border-radius:.65rem;border:1.5px solid #6751b9;background:#16112f65;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}.skills-info-card h6{font-size:1.2rem;font-weight:500;padding:.8rem 2rem;background:linear-gradient(180deg,#ac96ff,#7c5fe6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;border-bottom:1.5px solid #6751b9}.skills-info-content{padding:2rem}.skill-info{display:flex;align-items:center;justify-content:space-between}.skill-info p{font-size:1rem;font-weight:500}.skill-info .percentage{color:#dd8cfa}.skill-progress-bg{width:100%;height:.5rem;background:#382e68;border-radius:.5rem;margin:1rem 0;overflow:hidden}.skill-progress{width:0%;height:.5rem;background:linear-gradient(90deg,#aa94fe -50%,#7d60e6);border-radius:.5rem;transition:all .5s ease-in-out}.contact-container{margin:4rem 0;width:80%}.contact-container h5{font-size:1.5rem;font-weight:600;margin-bottom:3rem}.contact-content{display:flex;gap:3rem}@media (max-width: 600px){.contact-container{width:100%}.contact-content{flex-direction:column;gap:2rem}}.contact-details-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#130f2a;border-radius:.65rem;border:1.5px solid #6751b9;padding:1.5rem;margin-bottom:2rem}.contact-details-card .icon{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;background:#3d3072;margin-bottom:.8rem}.icon img{width:1.8rem;height:auto;object-fit:contain}.contact-details-card p{font-size:.9rem;font-weight:400}.contact-form-content{width:150%}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.name-row{display:flex;gap:2rem}.contact-form input,.contact-form textarea{flex:1;width:100%;font-size:.9rem;color:#fff;background:#120f2a;border-radius:.6rem;border:1.5px solid #6751b9;padding:1rem;outline:none}.contact-form button{font-size:1rem;font-weight:500;color:#fff;border:1.5px solid #a892fe;border-radius:.6rem;background:linear-gradient(90deg,#a892fe,#6751b9);padding:.7rem 1.5rem;cursor:pointer;transition:background .3s ease,color .3s ease}.contact-form button:hover{color:#a892fe;background:transparent}@media (max-width: 1024px){.contact-form-content{width:100%;padding:0 1.5rem}.contact-form{gap:1.2rem}.name-row{gap:1.5rem}.contact-form input,.contact-form textarea{font-size:.85rem;padding:.9rem}}@media (max-width: 600px){.contact-form-content{width:100%;padding:0 1rem}.contact-form{gap:1rem}.name-row{flex-direction:column;gap:1rem}.contact-form input,.contact-form textarea{font-size:.8rem;padding:.75rem .8rem}.contact-form textarea{min-height:6rem;resize:vertical}.contact-form button{width:100%;padding:.9rem 0;font-size:1rem}}.footer{font-size:.8rem;text-align:center;background:linear-gradient(90deg,#3d3072,#423477);padding:1rem}.projects-section{margin:4rem 0;text-align:center}.projects-section h5{font-size:1.5rem;font-weight:600;margin-bottom:3rem}.projects-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.project-card{background:#130f2a;border:1.5px solid #6751b9;border-radius:.75rem;overflow:hidden;transition:transform .3s ease;cursor:pointer}.project-card:hover{transform:translateY(-.4rem)}.project-img{width:100%;aspect-ratio:16 / 9;overflow:hidden}.project-img img{width:100%;height:100%;object-fit:cover}.project-title{font-size:1.1rem;font-weight:500;margin:1rem 1rem .3rem;color:#fff}.project-category{display:block;font-size:.9rem;color:#d0c5ff;margin-bottom:1rem}@media (max-width: 600px){.projects-section{padding:0 1rem}.projects-section h5{margin-bottom:2rem}.projects-grid{gap:1.5rem;grid-template-columns:1fr}}.projects-tabs{display:inline-flex;gap:1.5rem;margin-bottom:2rem;padding:0;list-style:none}.projects-tabs li{cursor:pointer;font-size:.95rem;font-weight:500;color:#d0c5ff;padding-bottom:.3rem;transition:color .25s;border-bottom:2px solid transparent}.projects-tabs li:hover{color:#fff}.projects-tabs li.active{color:#fff;border-color:#7c5fe6}@media (max-width: 600px){.projects-tabs{flex-wrap:wrap;gap:1rem;justify-content:center}}