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}.navbar{align-items:center;border-radius:20px 20px 0 20px;display:flex;justify-content:space-between;padding:8px 20px;position:fixed;top:0;transition:.4s ease;width:100%;z-index:999}.navbar.scrolled{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff14;box-shadow:0 3px 20px #0003;padding:5px 15px}.logo{background:linear-gradient(45deg,#00eaff,#a855f7);-webkit-background-clip:text;color:#0000;cursor:pointer;font-size:28px;font-weight:800}.logo span{background:linear-gradient(45deg,#ff6bcb,#ffa600);-webkit-background-clip:text;color:#0000}.nav-links-desktop{display:flex;gap:40px;list-style:none}.nav-links-desktop li a{color:#fff;font-size:18px;position:relative;text-decoration:none}.nav-links-desktop li a:after{background:#00eaff;bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:.3s;width:0}.nav-links-desktop li a:hover:after{width:100%}.menu-icon{cursor:pointer;display:none;flex-direction:column;gap:5px}.menu-icon .bar{background:#fff;height:3px;transition:.4s;width:28px}.menu-icon.open .bar:first-child{transform:rotate(45deg) translate(5px,6px)}.menu-icon.open .bar:nth-child(2){opacity:0}.menu-icon.open .bar:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e0;height:100vh;padding:100px 30px;position:fixed;right:-100%;top:0;transition:.5s ease;width:260px;z-index:1000}.mobile-menu.active{right:0}.close-btn{font-size:20px;position:absolute;right:15px;top:10px;transition:.3s ease}.close-btn:hover{color:#00eaff;transform:rotate(90deg)}.nav-links-mobile{display:flex;flex-direction:column;gap:30px;list-style:none}.nav-links-mobile li a{color:#fff;font-size:22px;text-decoration:none}.nav-links-mobile li a:hover{color:#00eaff}@media (max-width:900px){.nav-links-desktop{display:none}.menu-icon{display:flex}}.hero{align-items:center;background:radial-gradient(circle at 20% 20%,#0a0a1a,#000);color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:0 20px;position:relative;text-align:center}.hero,.stars{overflow:hidden}.stars{height:100%;left:0;top:0;width:100%;z-index:0}.star,.stars{position:absolute}.star{animation:twinkle 4s ease-in-out infinite;background:#fff;border-radius:50%;height:2px;opacity:.8;width:2px}@keyframes twinkle{0%,to{opacity:.1;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.floating-icons{display:flex;gap:30px;position:absolute;top:15%;z-index:2}.icon{animation:float 6s ease-in-out infinite;font-size:2.5rem;opacity:.9}.icon.react{animation-delay:0s;color:#61dafb}.icon.node{animation-delay:1s;color:#68a063}.icon.mongo{animation-delay:2s;color:#4db33d}.icon.js{animation-delay:3s;color:#f7df1e}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.astronaut img{animation:fly 10s ease-in-out infinite;bottom:10%;position:absolute;right:10%;width:150px;z-index:2}@keyframes fly{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(10deg)}}.hero-content{max-width:600px;position:relative;z-index:3}.hero h2{font-size:2.5rem;margin-bottom:10px}.name{color:#61dafb}.typing-text{animation:typing 3s steps(30) forwards,blink .7s infinite;border-right:2px solid #0fc;color:#0fc;font-size:1.2rem;overflow:hidden;white-space:nowrap;width:0}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:#0000}}.hero-desc{color:#ccc;font-size:1rem;line-height:1.5;margin-top:15px}.hero-btn{background:linear-gradient(90deg,#00c6ff,#0072ff);border-radius:30px;box-shadow:0 0 15px #0072ff99;color:#fff;display:inline-block;font-weight:700;margin-top:25px;padding:12px 25px;text-decoration:none;transition:all .3s ease}.hero-btn:hover{box-shadow:0 0 25px #0072ff;transform:translateY(-3px)}@media (max-width:768px){.hero{padding:60px 20px}.floating-icons{gap:20px}.icon{font-size:2rem}.astronaut img{bottom:5%;right:5%;width:100px}.hero h2{font-size:2rem}.typing-text{font-size:1rem}.hero-desc{font-size:.9rem}}.about{background:linear-gradient(135deg,#0f172a,#1e293b);color:#f8fafc;padding:80px 20px;text-align:center}.about h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#60a5fa,#a78bfa,#f472b6);-webkit-background-clip:text;font-size:2.3rem;margin-bottom:50px}.about-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin:0 auto;max-width:1000px}.about-card{background:#ffffff0d;border:1px solid #ffffff26;border-radius:20px;box-shadow:0 0 20px #ffffff0d;padding:30px 25px;transition:transform .3s ease,box-shadow .3s ease;width:280px}.about-card:hover{box-shadow:0 0 25px #a78bfa4d;transform:translateY(-10px)}.profile-img{border:3px solid #60a5fa;border-radius:50%;height:120px;margin-bottom:15px;object-fit:cover;width:120px}.title{color:#a78bfa;font-weight:600}.quote{color:#94a3b8;font-style:italic;margin-top:10px}.about-text{color:#cbd5e1;line-height:1.8;max-width:600px;text-align:left}.about-text h3{color:#f472b6;font-size:1.3rem;margin-top:25px}.timeline{border-left:2px solid #a78bfa;list-style:none;margin:20px 0;padding-left:0}.timeline li{margin:12px 0;padding-left:10px;position:relative}.timeline li:before{color:#60a5fa;content:"•";font-size:1.4rem;left:-12px;position:absolute}.timeline span{color:#60a5fa;font-weight:700}.skills-list{display:flex;flex-wrap:wrap;gap:12px;list-style:none;margin-top:20px;padding:0}.skills-list li{background:#ffffff14;border:1px solid #fff3;border-radius:25px;padding:10px 18px;transition:all .3s ease}.skills-list li:hover{background:linear-gradient(90deg,#60a5fa,#a78bfa);color:#fff;transform:scale(1.08)}@media (max-width:900px){.about-container{align-items:center;flex-direction:column}.about-card{width:90%}.about-text{text-align:center}}.projects{animation:bgAnimate 20s ease infinite;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);background-size:400% 400%;color:#f8fafc;padding:80px 20px;text-align:center}@keyframes bgAnimate{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.projects h2{-webkit-text-fill-color:#0000;animation:textGradient 5s ease infinite;background:linear-gradient(90deg,#60a5fa,#a78bfa,#f472b6);-webkit-background-clip:text;font-size:2.5rem;margin-bottom:20px}@keyframes textGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.projects-container{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-top:40px}.project-card{background:#ffffff0d;border:1px solid #ffffff26;border-radius:20px;overflow:hidden;padding:25px;position:relative;text-align:left;transition:transform .4s ease,box-shadow .4s ease;width:280px}.project-card:before{animation:glowRotate 6s linear infinite;background:linear-gradient(60deg,#60a5fa,#a78bfa,#f472b6,#60a5fa);border-radius:30px;content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transition:opacity .4s ease;width:200%;z-index:0}.project-card:hover:before{opacity:.3}@keyframes glowRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.project-card:hover{box-shadow:0 0 25px #a78bfa80;transform:translateY(-10px)}.project-img{border:3px solid #60a5fa;border-radius:15px;height:160px;margin-bottom:15px;object-fit:cover;position:relative;width:100%;z-index:1}.project-card h3{color:#a78bfa;margin-bottom:10px;position:relative;z-index:1}.project-card p{color:#cbd5e1;font-size:.95rem;line-height:1.5;position:relative;z-index:1}.project-link{background:linear-gradient(90deg,#60a5fa,#a78bfa);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;font-weight:700;margin-top:10px;padding:8px 20px;position:relative;transition:all .3s ease;z-index:1}.project-link:hover{box-shadow:0 0 15px #a78bfa;transform:scale(1.1)}.modal-overlay{align-items:center;background:#0f172af2;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{animation:fadeIn .3s ease;background:#1e293b;border-radius:20px;color:#f8fafc;max-width:700px;padding:30px;position:relative;text-align:center;width:90%}.modal-images{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin:20px 0;position:relative}.modal-images img{border:2px solid #60a5fa;border-radius:12px;cursor:pointer;height:180px;object-fit:cover;opacity:1;transform:scale(1);transition:transform .4s ease,box-shadow .3s ease;width:250px;z-index:1}.modal-images img:hover{box-shadow:0 10px 25px #00000080;transform:scale(1.3);z-index:10}.close-btn{background:linear-gradient(90deg,#60a5fa,#a78bfa);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:8px 20px;transition:all .3s ease}.close-btn:hover{box-shadow:0 0 10px #a78bfa;transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.projects-container{align-items:center;flex-direction:column}.project-card{width:90%}.modal-images img{height:120px;width:180px}}.contact{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;justify-content:center;min-height:100vh;padding:50px 20px;position:relative;text-align:center;width:100%}.contact-container{background:#0009;border-radius:15px;max-width:500px;padding:40px;width:100%}.contact h2{font-size:2.5rem;margin-bottom:10px}.contact p{font-size:1rem;margin-bottom:20px}.contact-form{display:flex;flex-direction:column;gap:15px}.contact-form input,.contact-form textarea{border:none;border-radius:8px;font-size:1rem;padding:12px 15px}.contact-form textarea{min-height:120px;resize:none}.contact-form button{background-color:coral;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:12px;transition:background .3s}.contact-form button:hover{background-color:#ff6333}.success-msg{background-color:#4caf50;border-radius:8px;color:#fff;margin-bottom:15px;padding:10px}.trail-dot{background:radial-gradient(circle,#60a5fa,#a78bfa);border-radius:50%;box-shadow:0 0 12px #60a5facc,0 0 25px #a78bfa99;height:12px;pointer-events:none;position:fixed;transform:translate(-50%,-50%);transition:width .2s ease,height .2s ease,background .2s ease,box-shadow .2s ease;width:12px;z-index:9999}.trail-dot.hover{background:radial-gradient(circle,#f472b6,#a78bfa);box-shadow:0 0 25px #f472b6b3,0 0 40px #a78bfacc;height:25px;width:25px}.footer{background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;overflow:hidden;padding:6px 2px;position:relative}.footer-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#00000080;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.footer-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:1200px;position:relative;z-index:2}.footer-left h2{font-size:28px;margin-bottom:10px}.footer-left p{font-size:14px}.footer-right h3{font-size:18px;margin-bottom:10px}.social-icons{display:flex;gap:10px}.social-icons a{color:#fff;font-size:18px;transition:all .3s ease}.social-icons a:hover{color:#fc0;transform:scale(1.2)}@media (max-width:768px){.footer-container{flex-direction:column;gap:10px;text-align:center}}body{background-color:#0f0f0f;color:#fff;font-family:Poppins,sans-serif;margin:0}*{box-sizing:border-box}
/*# sourceMappingURL=main.c6319eb1.css.map*/