*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0;font-family:Inter,sans-serif}body{color:#fff;background:#0b1120;margin:0;overflow-x:hidden}#root{width:100%}.navbar{z-index:1000;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff0d;justify-content:space-between;align-items:center;width:100%;padding:25px 8%;display:flex;position:fixed;top:0}.logo{font-size:1.8rem;font-weight:700}.logo span{color:#7c3aed}.nav-links{gap:30px;list-style:none;display:flex}.nav-links a{color:#fff;text-decoration:none;transition:all .3s}.nav-links a:hover{color:#7c3aed}.resume-btn{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:10px;padding:10px 18px;text-decoration:none;display:inline-block}.hero{justify-content:space-between;align-items:center;gap:50px;min-height:100vh;padding:120px 8%;display:flex;position:relative;overflow:hidden}.hero-content{flex:1}.tag{letter-spacing:1px;background:#7c3aed33;border-radius:50px;margin-bottom:20px;padding:10px 15px;font-weight:600;display:inline-block}.hero h1{font-size:4rem;line-height:1.1}.hero h1 span{color:#8b5cf6}.hero-text{color:#cbd5e1;max-width:700px;margin-top:20px;font-size:1.15rem;line-height:1.9}.hero-buttons{gap:15px;margin-top:35px;display:flex}.primary-btn,.secondary-btn{cursor:pointer;border:none;border-radius:12px;padding:14px 25px;transition:all .3s}.secondary-btn{color:#fff;background:0 0;border:1px solid #7c3aed}.secondary-btn:hover{background:#7c3aed1a;border-color:#a855f7;transform:translateY(-3px)scale(1.03);box-shadow:0 12px 35px #7c3aed59}.glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:20px;width:320px;padding:30px;animation:4s ease-in-out infinite floatCard}.glass-card h3{margin-bottom:20px}.stat{margin-bottom:25px}.stat h2{color:#8b5cf6;font-size:2rem}.about{text-align:center;padding:100px 8%}.about h2{margin-bottom:20px;font-size:2.5rem}.about p{color:#cbd5e1;max-width:900px;margin:0 auto;line-height:2}.skills{text-align:center;margin:0;padding:60px 8%}.skills h2{text-align:center;margin-bottom:40px;font-size:2.5rem}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;max-width:1100px;margin:0 auto;display:grid}.skill-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:20px;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}.skill-card:hover{border-color:#7c3aed;transform:translateY(-8px)scale(1.05);box-shadow:0 15px 35px #7c3aed59}.skill-card:before{content:"";background:radial-gradient(circle at var(--x,50%) var(--y,50%), #a855f740, transparent 60%);opacity:0;transition:all .3s;position:absolute;inset:0}.skill-card:hover:before{opacity:1}.skill-icon{color:#a855f7;filter:drop-shadow(0 0 10px #a855f766);margin-bottom:10px;font-size:1.8rem}.skill-card p{color:#fff;font-weight:500}.projects{padding:100px 8%}.projects h2{text-align:center;margin-bottom:50px;font-size:2.5rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px;max-width:1400px;margin:0 auto;display:grid}.project-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:20px;padding:25px;transition:all .3s;position:relative;overflow:hidden}.project-card:hover{border-color:#7c3aed;transform:translateY(-15px)scale(1.02);box-shadow:0 20px 50px #7c3aed59}.project-card h3{margin-bottom:15px}.project-card p{color:#cbd5e1;margin-bottom:20px;line-height:1.8}.project-card span{color:#8b5cf6;margin-bottom:20px;font-weight:600;display:block}.project-buttons button{cursor:pointer;color:#fff;background:#7c3aed;border:none;border-radius:10px;padding:10px 16px;transition:all .3s}.project-buttons button:hover{opacity:.9;transform:translateY(-2px)}.experience,.education,.certifications{padding:100px 8%}.experience h2,.education h2,.certifications h2{text-align:center;margin-bottom:40px;font-size:2.5rem}.timeline-card,.cert-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff0f;border:1px solid #ffffff14;border-left:4px solid #7c3aed;border-radius:20px;margin-bottom:30px;padding:25px;transition:all .4s;position:relative}.cert-icon{color:#a855f7;filter:drop-shadow(0 0 10px #a855f766);margin-bottom:12px;font-size:2rem;transition:all .3s}.cert-icon .cert-card:hover .cert-icon{color:#c084fc;transform:scale(1.2)rotate(8deg)}.cert-card{text-align:center;flex-direction:column;height:100%;margin:0;transition:all .3s;display:flex}.cert-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:stretch;gap:25px;max-width:1400px;margin:0 auto;display:grid}.timeline-card:hover,.cert-card:hover{border-color:#7c3aed;transform:translateY(-10px)scale(1.02);box-shadow:0 15px 40px #7c3aed59}.timeline-card h3{margin-bottom:10px}.timeline-card h4{align-items:center;gap:6px;display:flex}.timeline-card p{color:#cbd5e1;margin-bottom:15px}.timeline-card ul{padding-left:20px;line-height:1.8}.cert-card a{color:#fff;background:#7c3aed;border-radius:10px;margin-top:12px;padding:10px 16px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.cert-card a:hover{background:#8b5cf6;transform:translateY(-3px)}.contact{text-align:center;padding:100px 8%}.contact h2{margin-bottom:20px;font-size:2.5rem}.contact p{color:#cbd5e1;max-width:700px;margin:auto;line-height:1.8}.contact-links{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:35px;display:flex}.contact-links a{color:#fff;background:#7c3aed;border-radius:12px;padding:12px 20px;text-decoration:none;transition:all .3s}.contact-links a:hover{transform:translateY(-5px)}.footer{text-align:center;background:#111827;border-top:1px solid #ffffff14;padding:30px}.footer p{color:#cbd5e1;margin:5px 0}.back-to-top{color:#fff;z-index:1000;background:#7c3aed;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;font-weight:700;text-decoration:none;transition:all .3s;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 8px 25px #7c3aed66}.back-to-top:hover{transform:translateY(-5px);box-shadow:0 12px 35px #7c3aed99}.github-btn{color:#fff;background:#7c3aed;border-radius:12px;padding:12px 20px;text-decoration:none;transition:all .3s;display:inline-block}.github-btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px #7c3aed73}.stats{flex-wrap:wrap;justify-content:center;gap:30px;margin-top:40px;display:flex}.stat-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);text-align:center;background:#ffffff0f;border:1px solid #ffffff14;border-radius:24px;padding:35px 20px;transition:all .4s}.stat-card:hover{border-color:#7c3aed;transform:translateY(-10px);box-shadow:0 15px 40px #7c3aed59}.stat-card h3{color:#8b5cf6;margin-bottom:10px;font-size:2.5rem}.stat-card p{color:#cbd5e1}.project-image{object-fit:cover;border-radius:15px;width:100%;margin-bottom:15px;transition:all .5s;position:relative;overflow:hidden}.project-card:hover .project-image{transform:scale(1.08)}.project-card{overflow:hidden}.blob{filter:blur(100px);opacity:.35;border-radius:50%;animation:10s ease-in-out infinite float;position:absolute}.blob1{background:#7c3aed;width:300px;height:300px;top:-100px;left:-100px}.blob2{background:#9333ea;width:250px;height:250px;animation-delay:2s;bottom:-80px;right:-80px}.blob3{background:#a855f7;width:200px;height:200px;animation-delay:4s;top:50%;left:50%}@keyframes float{0%{transform:translate(0)}50%{transform:translate(40px,-40px)}to{transform:translate(0)}}@keyframes floatCard{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}.nav-link{position:relative}.nav-link:after{content:"";background:#7c3aed;width:0;height:2px;transition:all .3s;position:absolute;bottom:-6px;left:0}.nav-link:hover:after{width:100%}.footer-links{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:15px;display:flex}.footer-links a{color:#fff;font-size:1.5rem;text-decoration:none;transition:all .3s}.footer-links a:hover{color:#7c3aed;transform:translateY(-4px)scale(1.15)}html,body,#root{scroll-behavior:smooth;width:100%}section{margin:0;padding:60px 8%}.hamburger{cursor:pointer;color:#fff;font-size:2rem;display:none}.mobile-menu{display:none}.mobile-resume-btn{color:#fff;background:#7c3aed;border-radius:10px;padding:10px 18px;text-decoration:none}.hero-image-section{flex:1;justify-content:center;align-items:center;min-height:420px;display:flex;position:relative}.avatar-wrapper{justify-content:center;align-items:center;width:340px;height:340px;display:flex;position:relative}.rotate-ring{border:2px dashed #a855f799;border-radius:50%;width:360px;height:360px;animation:10s linear infinite spin;position:absolute;box-shadow:0 0 25px #7c3aed4d}.profile-image{object-fit:cover;z-index:2;border-radius:30px;width:320px;position:relative;box-shadow:0 0 30px #7c3aed40}.photo-glow{filter:blur(70px);opacity:.3;z-index:0;background:#7c3aed;width:340px;height:340px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.profile-image.avatar{z-index:2;object-fit:cover;width:320px;height:320px;image-rendering:-webkit-optimize-contrast;image-rendering:auto;object-fit:cover;backface-visibility:hidden;border-radius:50%;animation:6s ease-in-out infinite floatAvatar;position:relative;transform:translateZ(0);box-shadow:0 0 40px #7c3aed73,0 0 80px #a855f740}.floating-card{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);z-index:3;text-align:center;background:#ffffff12;border:1px solid #ffffff1f;border-radius:20px;min-width:140px;padding:16px 18px;animation:5s ease-in-out infinite floatCard;position:absolute;box-shadow:0 10px 35px #00000059}.floating-card:hover{border-color:#7c3aed;transform:translateY(-10px)scale(1.05);box-shadow:0 15px 40px #7c3aed59}.floating-card h3{color:#a855f7;text-shadow:0 0 15px #a855f74d;font-size:2rem}.card1{top:50px;left:20px}.card2{top:50px;right:20px}.card3{bottom:50px;right:20px}.card4{bottom:30px;left:10px}.hero-skills{flex-wrap:wrap;gap:15px;margin-top:35px;display:flex}.hero-skills span{animation:3s infinite pulseGlow}@keyframes pulseGlow{0%{box-shadow:0 0 #7c3aed00}50%{box-shadow:0 0 20px #7c3aed59}to{box-shadow:0 0 #7c3aed00}}.curve{z-index:2;border:2px dashed #ffffff40;border-radius:50%;position:absolute}.curve1{border-bottom:none;border-right:none;width:420px;height:420px;top:20px;left:-50px}.curve2{border-top:none;border-left:none;width:420px;height:420px;bottom:20px;right:-50px}.star{z-index:4;background:#fff;border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:0 0 10px #fff,0 0 20px #7c3aed,0 0 40px #7c3aed}.star1{top:80px;right:40px}.star2{top:200px;left:20px}.star3{bottom:140px;right:40px}.star4{bottom:40px;left:40px}.dots{opacity:.4;z-index:2;background-image:radial-gradient(#ffffff80 1px,#0000 1px);background-size:10px 10px;width:80px;height:80px;position:absolute;top:20px;right:30px}.shape{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:0;border:1px solid #7c3aed40;animation:12s ease-in-out infinite floatShape;position:absolute}.shape3{width:100px;height:100px;animation-delay:6s;top:60%;right:20%;transform:rotate(45deg)}@keyframes floatShape{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(10deg)}to{transform:translateY(0)rotate(0)}}.project-badges{flex-wrap:wrap;gap:10px;margin:15px 0;display:flex}.project-badges span{color:#c4b5fd;background:#7c3aed26;border:1px solid #7c3aed59;border-radius:999px;padding:8px 14px;font-size:.85rem;font-weight:600;transition:all .3s}.project-badges span:hover{background:#7c3aed40;transform:translateY(-2px)}.project-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(#0000,#7c3aed2e);transition:all .4s;position:absolute;inset:0}.project-card:hover:before{opacity:1}.project-subtitle{text-align:center;color:#cbd5e1;max-width:700px;margin:20px auto 50px;line-height:1.8}.stats-section{padding:40px 8% 100px}.stats-container{grid-template-columns:repeat(4,1fr);gap:25px;max-width:1200px;margin:0 auto;display:grid}@media (width<=900px){.stats-container{grid-template-columns:repeat(2,1fr);gap:15px}}@media (width<=500px){.stats-container{grid-template-columns:1fr}}.experience-container{max-width:900px;margin:0 auto;padding-left:40px;position:relative}.experience-container:before{content:"";background:linear-gradient(#7c3aed,#0000);width:2px;position:absolute;top:0;bottom:0;left:18px}.timeline-date{color:#a855f7;z-index:2;background:#7c3aed26;border-radius:999px;margin-top:8px;margin-bottom:12px;padding:6px 12px;font-size:.85rem;display:inline-block;position:relative}.typewriter-wrapper{color:#cbd5e1;align-items:center;gap:8px;margin:15px 0;font-size:1.2rem;font-weight:500;display:flex}.type-label{color:#94a3b8}.typewriter-text{color:#a855f7;text-shadow:0 0 15px #a855f766;font-weight:600}.typewriter-text span{color:#a855f7}.hero{position:relative;overflow:hidden}.hero:before{content:"";z-index:0;background:radial-gradient(circle,#7c3aed40,#0000 70%);width:600px;height:600px;position:absolute;top:-200px;left:-200px}.primary-btn{color:#fff;cursor:pointer;letter-spacing:.5px;z-index:1;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:14px;padding:14px 26px;font-weight:600;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 10px 30px #7c3aed59}.primary-btn:before{content:"";z-index:0;background:linear-gradient(120deg,#0000,#ffffff59,#0000);width:60%;height:100%;transition:all .6s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.primary-btn:hover:before{left:120%}.primary-btn:after{content:"";z-index:0;border:2px solid #a855f799;border-radius:14px;animation:2.5s infinite pulseRing;position:absolute;inset:0}@keyframes pulseRing{0%{opacity:.8;transform:scale(1)}70%{opacity:0;transform:scale(1.3)}to{opacity:0;transform:scale(1.3)}}.secondary-btn:before{content:"";background:linear-gradient(120deg,#0000,#ffffff40,#0000);width:60%;height:100%;transition:all .6s;position:absolute;top:0;left:-120%;transform:skew(-20deg)}.secondary-btn:hover:before{left:120%}.primary-btn:active,.secondary-btn:active{transform:scale(.96)}.primary-btn:hover{box-shadow:0 15px 45px #7c3aed80}.about-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:60px;max-width:1100px;margin:0 auto;display:flex}.about-image{flex:1;justify-content:center;display:flex}.about-glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:25px;justify-content:center;align-items:center;width:280px;height:340px;padding:10px;display:flex}.about-glass img{object-fit:cover;border-radius:20px;width:100%;height:100%}.about-content{text-align:center;border-left:2px solid #7c3aed4d;flex:1;padding-left:25px;position:relative}.about-content p{color:#cbd5e1;margin-bottom:20px;line-height:1.8}.timeline-dot{background:#7c3aed;border-radius:50%;width:14px;height:14px;position:absolute;top:30px;left:-28px;box-shadow:0 0 15px #7c3aed99}.avatar{object-fit:cover;z-index:2;border:2px solid #ffffff1f;border-radius:50%;width:320px;height:320px;animation:6s ease-in-out infinite floatAvatar;position:relative;box-shadow:0 0 40px #7c3aed73,0 0 90px #a855f740}.rotate-ring{animation:12s linear infinite spin}@keyframes floatAvatar{0%{transform:translateY(0)scale(1)}50%{transform:translateY(-12px)scale(1.02)}to{transform:translateY(0)scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=900px){.nav-links{display:none}.hamburger{display:block}.resume-btn{display:none}.mobile-menu{background:#111827;flex-direction:column;align-items:center;gap:20px;width:100%;padding:25px 0;transition:all .4s;display:flex;position:absolute;top:90px;left:0;transform:translateY(-150%)}.mobile-menu.active{transform:translateY(0)}.mobile-menu a{color:#fff;font-size:1.1rem;text-decoration:none}.hero{text-align:center;flex-direction:column;padding-top:140px}.hero-content{max-width:100%}.hero h1{font-size:2.2rem}.hero-text{font-size:1rem}.hero-buttons{flex-wrap:wrap;justify-content:center}.hero-skills{justify-content:center}.hero-image-section{margin-top:40px;overflow:visible}.profile-image{width:250px;height:320px}.floating-card{transform:scale(.65)}.card1{top:-10px;left:-15px}.card2{top:-10px;right:-15px}.card3{bottom:10px;right:-15px}.card4{bottom:10px;left:-15px}.skills-grid{grid-template-columns:repeat(2,1fr);gap:15px}.projects-grid{grid-template-columns:1fr}.about-container{text-align:center;flex-direction:column}.about-content{border-left:none;padding-left:0}.blob,.shape,.dots{display:none}}.about-intro{color:#cbd5e1;letter-spacing:1px;margin-bottom:8px;font-size:1rem;animation:1s fadeInUp}.glow-name{color:#a855f7;text-shadow:0 0 20px #a855f799}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.about-tagline{color:#a855f7;margin-bottom:15px;font-weight:600}.story-block{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;margin-top:20px;padding:15px 18px;transition:all .3s}.story-block:hover{border-color:#7c3aed;transform:translateY(-5px);box-shadow:0 10px 30px #7c3aed33}.story-block h3{color:#a855f7;margin-bottom:8px}.about-closing{color:#a855f7;text-align:center;opacity:.9;margin-top:20px;font-style:italic}.wave{transform-origin:70% 70%;animation:1.8s infinite waveHand;display:inline-block}@keyframes waveHand{0%{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-8deg)}45%{transform:rotate(14deg)}60%{transform:rotate(-4deg)}75%{transform:rotate(10deg)}to{transform:rotate(0)}}.education-container{flex-direction:column;gap:25px;max-width:900px;margin:0 auto;padding-left:40px;display:flex;position:relative}.education-container:before{content:"";background:linear-gradient(#7c3aed,#0000);width:2px;position:absolute;top:0;bottom:0;left:18px}.card-icon{color:#a855f7;filter:drop-shadow(0 0 10px #a855f780);margin-bottom:10px;font-size:1.8rem}.skills,.experience,.education,.projects,.certifications,.about{margin:0;padding-top:60px;padding-bottom:60px}@media (width<=900px){section{padding:60px 6%}}.hero img{object-fit:cover;border-radius:20px;width:280px;max-width:100%;height:auto}.hero-image img{object-fit:contain;border-radius:20px;width:300px;max-width:100%;height:auto}.hero-image{flex:1;justify-content:center;align-items:center;padding:20px;display:flex}.hero{gap:40px}