*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;background:transparent}body{background-color:#1e1e1e;color:#fff;overflow:hidden;overflow-y:scroll}*{font-family:Poppins,sans-serif}html{scroll-behavior:smooth}h1,h2{color:#38bdf8;margin-bottom:.5em}a{text-decoration:none;color:inherit}.home{background:radial-gradient(ellipse at top left,#0f0526,#000);min-height:100vh;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:4rem;font-family:Poppins,sans-serif;overflow:hidden}.home__content{max-width:50%}.home__content h1{font-size:3.5rem;font-weight:800;margin-bottom:1rem}.home__content p{font-size:1.1rem;line-height:1.6;max-width:600px}.home__image img{width:350px;height:350px;object-fit:cover;border-radius:50%;border:4px solid #7b2cbf;box-shadow:0 0 40px #7b2cbf88;animation:float 3s ease-in-out infinite}.connect-btn{margin-top:2rem;display:inline-block;background:#fff;color:#000;padding:.75rem 1.5rem;border-radius:30px;text-decoration:none;font-weight:700;transition:.3s ease}.connect-btn:hover{background:#7b2cbf;color:#fff}.tagline{background:#7b2cbf;color:#fff;font-weight:700;padding:.4rem 1rem;border-radius:4px;border:none;margin-bottom:1rem}.resume-btn{background:transparent;border:2px solid #fff;color:#fff}.resume-btn:hover{background:#7b2cbf;border-color:#7b2cbf;color:#fff}.typing-text{font-size:2.8rem;font-weight:700;white-space:nowrap;overflow:hidden;border-right:3px solid #7b2cbf;width:0;animation:typing-erase 6s steps(28,end) infinite,blink .75s step-end infinite}@keyframes typing-erase{0%{width:0}40%{width:28ch}60%{width:28ch}80%{width:0}to{width:0}}@keyframes blink{0%,to{border-color:transparent}50%{border-color:#7b2cbf}}.about{background:radial-gradient(ellipse at center,#0f0526,#000);min-height:100vh;display:flex;align-items:center;justify-content:space-between;padding:4rem;color:#fff;font-family:Poppins,sans-serif}.about__image img{width:350px;height:350px;margin-right:40px;object-fit:cover;border-radius:50%;border:4px solid #7b2cbf;box-shadow:0 0 40px #7b2cbf88;animation:float 3s ease-in-out infinite}.about__content{max-width:55%;line-height:1.8}.about__content h1{font-size:3rem;margin-bottom:1.5rem}.about__content p{font-size:1.1rem;margin-bottom:1rem}.about__typing{display:inline-block;font-size:2.8rem;font-weight:700;white-space:nowrap;overflow:hidden;border-right:3px solid #7b2cbf;text-decoration:underline;animation:about-typing-erase 4s steps(11,end) infinite,about-blink .75s step-end infinite;margin-bottom:3rem}@keyframes about-typing-erase{0%{width:0}40%{width:9ch}60%{width:9ch}80%{width:0}to{width:0}}@keyframes about-blink{0%,to{border-color:transparent}50%{border-color:#7b2cbf}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:.3rem 3rem;background:#0f0526e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;top:0;width:100%;z-index:999;box-shadow:0 0 15px #7b2cbf66}.navbar__logo{display:flex;align-items:center;gap:.5rem}.navbar__logo a{display:flex;align-items:center;color:#fff;font-size:1.4rem;font-weight:700;text-decoration:none}.navbar__logo img{height:60px;width:auto;margin-right:.3rem;display:inline-block;vertical-align:middle}.navbar__links{display:flex;gap:2rem}.navbar__links a{color:#fff;text-decoration:none;font-weight:500;position:relative;padding:.5rem 0;transition:color .3s ease}.navbar__links a:after{content:"";position:absolute;width:0;height:2px;background:#7b2cbf;left:0;bottom:0;transition:width .3s ease}.navbar__links a:hover{color:#7b2cbf}.navbar__links a:hover:after{width:100%}.navbar__toggle{display:none;cursor:pointer}.navbar__toggle img{width:30px;height:30px}@media (max-width: 768px){.navbar__links{position:absolute;top:100%;right:0;background:#0f0526;width:100%;flex-direction:column;align-items:center;display:none;padding:1rem 0}.navbar__links.active{display:flex}.navbar__toggle{display:block}}.projects{background:radial-gradient(ellipse at center,#0f0526,#000);padding:6rem 4rem;color:#fff;font-family:Poppins,sans-serif;min-height:100vh;text-align:center;display:flex;flex-direction:column;align-items:center}.projects__typing{color:#fff;display:inline-block;font-size:2.8rem;font-weight:700;white-space:nowrap;overflow:hidden;border-right:3px solid #7b2cbf;text-decoration:underline;animation:projects-typing-erase 4s steps(11,end) infinite,projects-blink .75s step-end infinite;margin-bottom:3rem}@keyframes projects-typing-erase{0%{width:0}40%{width:11ch}60%{width:11ch}80%{width:0}to{width:0}}@keyframes projects-blink{0%,to{border-color:transparent}50%{border-color:#7b2cbf}}.projects__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;width:100%;max-width:1100px;padding:0 1rem}.project__card{background:#1a0933e6;border:1px solid #7b2cbf44;padding:2rem;border-radius:16px;box-shadow:0 0 12px #7b2cbf33;transition:transform .3s ease,box-shadow .3s ease;text-align:left}.project__card h2{font-size:1.5rem;margin-bottom:1rem;color:#7b2cbf}.project__card p{margin-bottom:1rem;line-height:1.5}.project__card strong{color:#a885f9}.project__links{margin-top:1rem}.project__links a{color:#fff;background-color:#7b2cbf;padding:.5rem 1rem;border-radius:30px;text-decoration:none;font-weight:700;transition:background .3s ease}.project__links a:hover{background-color:#a885f9}.project__card:hover{transform:translateY(-10px);box-shadow:0 0 24px #7b2cbf}@media (max-width: 768px){.projects{padding:4rem 2rem}.projects__typing{font-size:2rem}.project__card{text-align:center}.project__card h2{font-size:1.3rem}}.skills{background:radial-gradient(ellipse at center,#0f0526,#000);padding:6rem 4rem;color:#fff;font-family:Poppins,sans-serif;min-height:100vh}.skills__heading{text-align:center;font-size:3rem;margin-bottom:3rem;color:#fff;text-shadow:0 0 10px #7b2cbf88}.skills__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto}.skill__card{background:#1a0933;padding:1.2rem;border-radius:12px;text-align:center;font-weight:600;border:1px solid #7b2cbf44;box-shadow:0 0 10px #7b2cbf33;transition:all .3s ease;color:#fff}.skill__card:hover{background:#7b2cbf22;transform:translateY(-6px);box-shadow:0 0 20px #7b2cbf99}.skills__heading{text-align:center;margin-bottom:3rem;height:3.5rem}.skills__typing{display:inline-block;font-size:2.8rem;font-weight:700;white-space:nowrap;overflow:hidden;border-right:3px solid #7b2cbf;width:0;text-decoration:underline;animation:skills-typing-erase 4s steps(10,end) infinite,skills-blink .75s step-end infinite}@keyframes skills-typing-erase{0%{width:0}40%{width:8ch}60%{width:8ch}80%{width:0}to{width:0}}@keyframes skill-blink{0%,to{border-color:transparent}50%{border-color:#7b2cbf}}.contact{background:radial-gradient(ellipse at bottom right,#0f0526,#000);padding:6rem 4rem;color:#fff;font-family:Poppins,sans-serif;text-align:center}.contact__heading{font-size:3rem;margin-bottom:1.5rem;text-shadow:0 0 10px #7b2cbf88}.contact__text{font-size:1.1rem;max-width:710px;margin:0 auto 2.5rem;line-height:1.7}.contact__links{display:flex;flex-direction:row;justify-content:center;gap:1.2rem;align-items:center}.contact__links a{color:#fff;text-decoration:none;background:#7b2cbf;padding:.75rem 1.5rem;border-radius:30px;font-weight:700;transition:background .3s ease,transform .3s ease}.contact__links a:hover{background:#a885f9;transform:scale(1.05)}@media (max-width: 600px){.contact__links a{width:90%;text-align:center}}
