nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#0006;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:18px 50px;display:flex;position:sticky;top:0}.logo{color:#4ea1ff;letter-spacing:1px;font-size:22px;font-weight:600}nav ul{gap:30px;display:flex}nav ul li{cursor:pointer;color:#cbd5e1;font-size:14px;list-style:none;transition:all .3s;position:relative}nav ul li:after{content:"";background:linear-gradient(90deg,#4ea1ff,#a855f7);width:0%;height:2px;transition:all .3s;position:absolute;bottom:-5px;left:0}nav ul li:hover:after{width:100%}nav ul li:hover,nav ul li.active{color:#4ea1ff}nav.scrolled{background:#000c;box-shadow:0 5px 20px #00000080}@media (width<=768px){nav{padding:15px 20px}nav ul{display:none}}.hero{justify-content:space-between;align-items:center;min-height:100vh;padding:60px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";filter:blur(120px);opacity:.15;z-index:0;background:radial-gradient(circle,#1e90ff,#0000);width:700px;height:700px;position:absolute;top:40%;left:60%;transform:translate(-50%,-50%)}.planet{filter:blur(80px);opacity:.2;z-index:0;background:radial-gradient(circle,#4ea1ff,#0000);border-radius:50%;width:400px;height:400px;position:absolute;top:60%;left:75%;transform:translate(-50%,-50%)}.left{z-index:2;max-width:50%}.left h1{font-size:56px;font-weight:600;line-height:1.2}.left span{background:linear-gradient(90deg,#4ea1ff,#a855f7,#4ea1ff) 0 0/200%;color:#0000;-webkit-background-clip:text;animation:4s linear infinite shine}@keyframes shine{0%{background-position:0%}to{background-position:200%}}.role{color:#94a3b8;margin-top:12px;font-size:18px}.intro{color:#cbd5e1;margin-top:20px;font-size:15px;line-height:1.7}.buttons{margin-top:25px}.hire{color:#fff;cursor:pointer;background:linear-gradient(90deg,#4ea1ff,#a855f7);border:none;border-radius:30px;padding:12px 26px;font-weight:500;transition:all .3s;box-shadow:0 0 20px #4ea1ff66}.hire:hover{transform:translateY(-4px)scale(1.03);box-shadow:0 0 35px #a855f799}.work{color:#4ea1ff;cursor:pointer;background:0 0;border:1px solid #4ea1ff;border-radius:30px;margin-left:12px;padding:12px 26px;transition:all .3s}.work:hover{color:#fff;background:#4ea1ff;box-shadow:0 0 20px #4ea1ff}.image-wrapper{z-index:2;position:relative}.image-wrapper img{object-fit:cover;border-radius:50%;width:340px;transition:all .4s;box-shadow:0 0 25px #4ea1ff66,0 0 60px #a855f733}.image-wrapper img:hover{transform:scale(1.08);box-shadow:0 0 40px #4ea1ffb3,0 0 80px #a855f766}@media (width<=900px){.hero{text-align:center;flex-direction:column;padding:40px 20px}.left{max-width:100%}.image-wrapper img{width:260px;margin-top:30px}.planet{left:50%}}.skills-tags{z-index:2;flex-wrap:wrap;gap:12px;margin-top:25px;display:flex}.skills-tags span{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#cbd5e1;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:25px;padding:8px 16px;font-size:13px;transition:all .3s}.skills-tags span:hover{color:#fff;background:linear-gradient(135deg,#4ea1ff,#a855f7);transform:translateY(-4px)scale(1.05);box-shadow:0 0 15px #4ea1ff80,0 0 25px #a855f74d}.skills-tags span:nth-child(odd){animation:3s ease-in-out infinite floatTag}.skills-tags span:nth-child(2n){animation:4s ease-in-out infinite floatTag}@keyframes floatTag{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}@media (width<=900px){.skills-tags{justify-content:center}}.social{z-index:2;gap:15px;margin-top:25px;display:flex}.social a{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#cbd5e1;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:18px;text-decoration:none;transition:all .3s;display:flex}.social a:hover{color:#fff;background:linear-gradient(135deg,#4ea1ff,#a855f7);transform:translateY(-5px)scale(1.1);box-shadow:0 0 15px #4ea1ff80,0 0 25px #a855f766}.social a:first-child{animation:3s ease-in-out infinite floatIcon}.social a:nth-child(2){animation:4s ease-in-out infinite floatIcon}@keyframes floatIcon{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}@media (width<=900px){.social{justify-content:center}}.about-container{justify-content:space-between;align-items:center;gap:50px;margin-top:40px;display:flex}.about-left{max-width:50%}.about-left h3{margin-bottom:15px;font-size:24px}.about-left p{color:#94a3b8;margin-bottom:12px;line-height:1.7}.about-left .highlight{color:#4ea1ff;font-weight:500}.resume-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#4ea1ff,#a855f7);border:none;border-radius:25px;margin-top:15px;padding:10px 22px;transition:all .3s}.resume-btn:hover{transform:translateY(-3px);box-shadow:0 0 20px #4ea1ff66}.about-right{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.about-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:25px;transition:all .3s}.about-box h3{color:#4ea1ff;margin-bottom:5px;font-size:26px}.about-box p{color:#94a3b8;font-size:14px}.about-box:hover{border:1px solid #4ea1ff;transform:translateY(-10px)scale(1.03);box-shadow:0 0 20px #4ea1ff4d}@media (width<=900px){.about-container{text-align:center;flex-direction:column}.about-left{max-width:100%}.about-right{grid-template-columns:1fr}}.skills{position:relative}.skills h2{text-align:center;margin-bottom:50px;font-size:34px;font-weight:600}.category{color:#4ea1ff;text-align:center;letter-spacing:1px;margin:40px 0 20px;font-size:20px}.skills-group{margin-bottom:30px}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:25px;max-width:900px;margin:auto;display:grid}.skill-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:25px;transition:all .3s;position:relative}.skill-box:hover{border:1px solid #4ea1ff;transform:translateY(-8px)scale(1.05);box-shadow:0 0 20px #4ea1ff4d,0 0 40px #a855f733}.icon{color:#94a3b8;margin-bottom:12px;font-size:30px;transition:all .3s}.skill-box:hover .icon{color:#4ea1ff;transform:scale(1.2)}.skill-box p{color:#cbd5e1;margin-top:5px;font-size:14px}.skills:before{content:"";filter:blur(120px);opacity:.08;z-index:-1;background:radial-gradient(circle,#4ea1ff,#0000);width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=768px){.skills-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:20px;padding:0 15px}.skill-box{padding:20px}.category{font-size:18px}}.projects h2{text-align:center;margin-bottom:40px}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;display:grid}.project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:25px;transition:all .3s;position:relative;overflow:hidden}.project-card:before{content:"";opacity:0;background:linear-gradient(90deg,#4ea1ff,#a855f7);width:100%;height:3px;transition:all .3s;position:absolute;top:0;left:0}.project-card:hover{border:1px solid #4ea1ff;transform:translateY(-12px)scale(1.02);box-shadow:0 0 25px #4ea1ff4d}.project-card:hover:before{opacity:1}.project-card h3{margin-bottom:10px;font-size:20px}.project-card p{color:#94a3b8;font-size:14px;line-height:1.6}.project-tags{margin-top:10px}.project-tags span{background:#ffffff14;border-radius:15px;margin-right:5px;padding:4px 10px;font-size:11px}@media (width<=768px){.projects-grid{grid-template-columns:1fr}}.project-img{border-radius:12px;margin-bottom:15px;position:relative;overflow:hidden}.project-img img{object-fit:cover;width:100%;height:180px;transition:all .4s}.project-card:hover .project-img img{transform:scale(1.08)}.project-img:after{content:"";opacity:0;background:linear-gradient(#0000,#0009);transition:all .3s;position:absolute;inset:0}.project-card:hover .project-img:after{opacity:1}.project-content{position:relative}.project-card a{color:#4ea1ff;border:1px solid #4ea1ff;border-radius:20px;margin-top:15px;padding:8px 16px;font-size:13px;text-decoration:none;transition:all .3s;display:inline-block}.project-card a:hover{color:#fff;background:linear-gradient(90deg,#4ea1ff,#a855f7);box-shadow:0 0 15px #4ea1ff99}.project-tags span{background:#ffffff14;border:1px solid #ffffff1a;border-radius:15px;margin-right:6px;padding:5px 10px;font-size:11px;transition:all .3s}.project-tags span:hover{color:#fff;background:#4ea1ff}.project-card{flex-direction:column;display:flex}.education h2{text-align:center;letter-spacing:1px;margin-bottom:50px;font-size:32px;font-weight:600}.education-timeline{flex-direction:column;gap:35px;max-width:850px;margin:auto;display:flex;position:relative}.education-timeline:before{content:"";opacity:.6;background:linear-gradient(#4ea1ff,#0000);width:3px;height:100%;position:absolute;top:0;left:22px}.education-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;background:#ffffff0f;border:1px solid #ffffff14;border-radius:14px;margin-left:50px;padding:24px 28px;transition:all .35s;animation:.6s forwards fadeUp;position:relative;transform:translateY(30px)}.education-card:after{content:"";opacity:.7;background:#4ea1ff;border-radius:4px;width:3px;height:100%;position:absolute;top:0;left:0}.education-card:before{content:"";background:#4ea1ff;border-radius:50%;width:14px;height:14px;position:absolute;top:30px;left:-32px;box-shadow:0 0 12px #4ea1ff,0 0 25px #4ea1ff99}.education-card:hover{border:1px solid #4ea1ff;transform:translate(12px)scale(1.03);box-shadow:0 10px 30px #4ea1ff40}.edu-content{display:block}.education-card h3{color:#fff;margin-bottom:6px;font-size:19px;font-weight:600}.edu-meta{justify-content:space-between;margin-bottom:10px;font-size:13px;display:flex}.edu-institute{color:#4ea1ff;font-weight:500}.edu-duration{color:#94a3b8}.edu-points{padding-left:18px}.edu-points li{color:#cbd5e1;margin-bottom:8px;font-size:14px;line-height:1.6;transition:all .3s}.edu-points li:hover{color:#4ea1ff;transform:translate(6px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.education-timeline:before{left:12px}.education-card{margin-left:35px;padding:20px}.education-card:before{left:-24px}.edu-meta{flex-direction:column;gap:4px}}.contact{padding-top:40px;position:relative}.contact h2{text-align:center;margin-bottom:12px;font-size:34px;font-weight:600}.contact-sub{text-align:center;color:#94a3b8;margin-bottom:50px;font-size:15px}.contact-container{justify-content:center;align-items:flex-start;gap:50px;max-width:1100px;margin:auto;display:flex}.contact-info{flex:1}.info-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;margin-bottom:18px;padding:22px;transition:all .3s}.info-box:hover{border:1px solid #4ea1ff;transform:translateY(-6px)scale(1.02);box-shadow:0 0 25px #4ea1ff4d}.info-box h4{color:#4ea1ff;margin-bottom:6px;font-size:16px}.info-box p{color:#cbd5e1;font-size:14px;line-height:1.5}.info-box a{color:#fff;font-weight:500;text-decoration:none;transition:all .3s}.info-box a:hover{color:#4ea1ff;text-decoration:underline}.contact-form{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:18px;flex-direction:column;flex:1;gap:15px;padding:30px;transition:all .3s;display:flex}.contact-form input,.contact-form textarea{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;outline:none;padding:12px 14px;font-size:14px;transition:all .3s}.contact-form input:focus,.contact-form textarea:focus{background:#ffffff12;border:1px solid #4ea1ff;box-shadow:0 0 12px #4ea1ff80}.contact-form button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#4ea1ff,#a855f7);border:none;border-radius:30px;margin-top:5px;padding:13px;font-weight:500;transition:all .3s}.contact-form button:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 0 20px #4ea1ff99,0 0 35px #a855f766}.contact:before{content:"";filter:blur(140px);opacity:.12;z-index:-1;background:radial-gradient(circle,#4ea1ff,#0000);width:700px;height:700px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=900px){.contact-container{flex-direction:column;gap:35px}.contact-form{padding:22px}.info-box{text-align:center}}#root{max-width:1400px;margin:auto}.container{max-width:1200px;margin:auto;padding:0 20px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#4ea1ff;border-radius:10px}::selection{color:#000;background:#4ea1ff}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;scroll-behavior:smooth;background:#05070f;font-family:Poppins,sans-serif}.section{text-align:center;padding:80px}#stars{z-index:-1;width:100%;height:100%;position:fixed}*{box-sizing:border-box;margin:0;padding:0;font-family:sans-serif}