nav.navbar{position:fixed;top:0;left:0;width:100%;z-index:50;background:linear-gradient(to right,#fce7f3,#e9d5ff);box-shadow:0 2px 6px #00000026}.navbar-container{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem}.navbar-logo{display:flex;align-items:center;gap:.75rem}.navbar-logo img{height:32px;width:32px}.navbar-logo span{font-size:1.125rem;font-weight:600;color:#1f2937}.navbar-links{display:flex;gap:1.5rem;font-weight:500;color:#fff}.navbar-links a{text-decoration:none;transition:color .2s ease}.navbar-links a:hover{color:#db2777}.navbar-toggle{display:none;font-size:1.5rem;color:#374151;background:none;border:none;cursor:pointer}.navbar-dropdown{display:flex;flex-direction:column;gap:1rem;padding:0 1.5rem 1rem;background:#fdf2f8;font-weight:500;color:#374151}.navbar-dropdown a{text-decoration:none;transition:color .2s ease}.navbar-dropdown a:hover{color:#db2777}@media(max-width:768px){.navbar-links{display:none}.navbar-toggle{display:block}}.hero-section{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:5rem 1.5rem;min-height:100vh}@media(min-width:768px){.hero-section{flex-direction:row;padding:5rem 4rem}}.hero-text{flex:1;text-align:center;color:#fff}@media(min-width:768px){.hero-text{text-align:left;padding-right:2rem}}.hero-heading{font-size:2.5rem;font-weight:700;margin-bottom:1rem}@media(min-width:768px){.hero-heading{font-size:3rem}}.hero-heading .typed-cursor,.hero-heading .typed-text{color:#db2777}.hero-subtext{font-size:1.125rem;margin-bottom:1.5rem;color:#fff}.hero-links{display:flex;justify-content:center;gap:1rem}@media(min-width:768px){.hero-links{justify-content:flex-start}}.hero-button{padding:.5rem 1rem;border-radius:.375rem;color:#fff;text-decoration:none;transition:background .2s ease}.github{background-color:#1f2937}.github:hover{background-color:#374151}.linkedin{background-color:#f9a8d4}.linkedin:hover{background-color:#f472b6}.hero-image{flex:1;margin-top:2rem;display:flex;justify-content:center}@media(min-width:768px){.hero-image{margin-top:0}}.hero-img{max-width:250px;border-radius:.5rem;box-shadow:0 4px 12px #0003}.about-section{display:flex;flex-direction:column;align-items:center;padding:5rem 1.5rem;min-height:100vh;gap:2rem}@media(min-width:768px){.about-section{flex-direction:row;justify-content:space-between;padding:5rem 4rem}}.about-image{flex:1;display:flex;justify-content:center}.about-img{max-width:300px;border-radius:.5rem;box-shadow:0 4px 12px #0003}.about-text{flex:1;color:#fff;text-align:center}@media(min-width:768px){.about-text{text-align:left;padding-left:2rem}}.about-heading{font-size:2rem;font-weight:700;margin-bottom:.5rem}.about-subheading{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#f9a8d4}.about-description{font-size:1.125rem;line-height:1.6}.experience-section{padding:5rem 1.5rem;min-height:100vh;color:#fff}@media(min-width:768px){.experience-section{padding:5rem 4rem}}.experience-heading{font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.experience-card{background-color:#ffffff0d;padding:2rem;border-radius:.75rem;box-shadow:0 4px 12px #0003}.experience-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#f9a8d4}.experience-date{font-size:1rem;margin-bottom:1rem;color:#d1d5db}.experience-bullets{list-style-type:disc;padding-left:1.5rem;margin-bottom:1rem}.experience-bullets li{margin-bottom:.5rem;line-height:1.6}.experience-skills{font-size:1rem;color:#f3f4f6}.projects-section{padding:4rem 2rem;text-align:center;background-color:#111827;color:#fff}.projects-title{font-size:2.5rem;margin-bottom:2rem;color:#f9a8d4}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;justify-items:center}.project-card{background-color:#ffffff0d;border-radius:12px;box-shadow:0 4px 12px #0003;padding:1.5rem;transition:transform .3s ease;max-width:300px;color:#fff}.project-card:hover{transform:translateY(-5px)}.project-image{width:100%;height:auto;border-radius:8px;margin-bottom:1rem}.project-name{font-size:1.25rem;margin-bottom:1rem;color:#f9a8d4}.project-button{display:inline-block;padding:.6rem 1.2rem;background-color:#f9a8d4;color:#111827;border-radius:6px;text-decoration:none;font-weight:600;transition:background-color .3s ease}.project-button:hover{background-color:#f472b6;color:#fff}.certs-section{padding:4rem 2rem;background-color:#111827;color:#fff;text-align:center}.certs-title{font-size:2.5rem;margin-bottom:2rem;color:#f9a8d4}.certs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;justify-items:center}.cert-card{background-color:#ffffff0d;border-radius:12px;box-shadow:0 4px 12px #0003;padding:1rem;transition:transform .3s ease;max-width:300px}.cert-card:hover{transform:translateY(-5px)}.cert-image{width:100%;height:auto;border-radius:8px;margin-bottom:1rem}.cert-label{font-size:1rem;color:#f3f4f6}.Volunteer-Section{padding:5rem 1.5rem;min-height:100vh;color:#fff;text-align:center}.Volunteer-heading{font-weight:700;font-size:2.5rem;margin-bottom:3rem;color:#f9a8d4;text-align:center}.experience-list{display:flex;flex-direction:column;gap:2.5rem}.experience-card{background-color:#ffffff0d;padding:2.5rem;border-radius:.75rem;box-shadow:0 4px 12px #0003;text-align:left}.experience-header{display:flex;align-items:center;gap:1.75rem;margin-bottom:1.25rem}.experience-image{width:96px;height:96px;object-fit:contain;border-radius:.75rem;flex-shrink:0}.experience-title{font-size:1.6rem;font-weight:600;margin-bottom:.25rem;color:#f9a8d4}.experience-date{font-size:1rem;color:#d1d5db}.experience-bullets{list-style-type:disc;padding-left:1.5rem;margin-top:1rem}.experience-bullets li{margin-bottom:.5rem;line-height:1.6;color:#f3f4f6}@media(max-width:640px){.experience-header{flex-direction:column;text-align:center}.experience-card{text-align:center}.experience-bullets{padding-left:1.2rem;text-align:left}}.footer{background-color:#0b0b2b;color:#fff;text-align:center;padding:2rem 1rem;margin-top:3rem}.footer-content{margin-bottom:1rem}.footer-heading{font-size:1.5rem;font-weight:700;color:#f9a8d4;margin-bottom:.5rem}.footer-text{font-size:1rem;margin:.25rem 0}.footer-bottom{font-size:.875rem;color:#9ca3af}.webdev-section{padding:4rem 2rem;color:#fff;background-color:transparent}.webdev-header{text-align:center;margin-bottom:3rem}.webdev-banner{max-width:100%;height:auto;border-radius:.5rem;box-shadow:0 4px 12px #0000004d}.webdev-title{font-size:2.5rem;margin-top:1rem;color:#f9a8d4}.webdev-project{display:flex;flex-direction:column;margin-bottom:4rem;gap:2rem}@media(min-width:768px){.webdev-project{flex-direction:row;align-items:center}}.webdev-image{flex:1;max-width:350px;border-radius:.5rem;box-shadow:0 4px 12px #0003}.webdev-details{flex:2}.webdev-name{font-size:1.75rem;margin-bottom:1rem;color:#f9a8d4}.webdev-description{font-size:1rem;line-height:1.6;margin-bottom:1rem}.webdev-links{display:flex;gap:1rem}.webdev-links a{padding:.5rem 1rem;background-color:#1f2937;color:#fff;text-decoration:none;border-radius:.375rem;transition:background .2s ease}.webdev-links a:hover{background-color:#374151}.game-section{padding:4rem 2rem;color:#fff;background-color:transparent}.game-header{text-align:center;margin-bottom:3rem}.game-banner{max-width:100%;height:auto;border-radius:.5rem;box-shadow:0 4px 12px #0000004d;max-height:400px;object-fit:cover}.game-title{font-size:2.5rem;margin-top:1rem;color:#f9a8d4}.game-content{max-width:900px;margin:0 auto}.game-description{font-size:1rem;line-height:1.7;margin-bottom:1.5rem}.game-links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.game-links a{padding:.5rem 1rem;background-color:#1f2937;color:#fff;text-decoration:none;border-radius:.375rem;transition:background .2s ease}.game-links a:hover{background-color:#374151}.game-video{margin:2rem 0;display:flex;justify-content:center}.game-video iframe{max-width:900px;width:100%;border-radius:.5rem;box-shadow:0 4px 12px #0000004d}.app-section{padding:4rem 2rem;color:#fff;background-color:transparent}.app-header{text-align:center;margin-bottom:3rem}.app-banner{width:100%;height:300px;object-fit:cover;border-radius:.5rem;box-shadow:0 4px 12px #0000004d}.app-title{font-size:2.5rem;margin-top:1rem;color:#f9a8d4}.app-content{max-width:900px;margin:0 auto}.app-description-block{margin-bottom:2rem}.app-description{font-size:1rem;line-height:1.7;margin-bottom:1.5rem}.app-visuals{display:flex;justify-content:center;margin-bottom:2rem}.app-image{max-width:100%;border-radius:.5rem;box-shadow:0 4px 12px #0000004d}.app-video{margin:2rem 0;display:flex;justify-content:center}.app-video iframe{max-width:900px;width:100%;border-radius:.5rem;box-shadow:0 4px 12px #0000004d}.cyber-section{padding:4rem 2rem;color:#fff;background-color:transparent}.cyber-header{text-align:center;margin-bottom:3rem}.cyber-banner{width:100%;height:300px;object-fit:cover;border-radius:.5rem;box-shadow:0 4px 12px #0000004d}.cyber-title{font-size:2.5rem;margin-top:1rem;color:#f9a8d4}.cyber-project{display:flex;flex-direction:column;gap:2rem;margin-bottom:4rem}@media(min-width:768px){.cyber-project{flex-direction:row;align-items:flex-start}}.cyber-details{flex:2}.cyber-name{font-size:1.75rem;margin-bottom:1rem;color:#f9a8d4}.cyber-description{font-size:1rem;line-height:1.6;margin-bottom:1rem}.cyber-links{display:flex;gap:1rem;margin-top:1rem}.cyber-links a{padding:.5rem 1rem;background-color:#1f2937;color:#fff;text-decoration:none;border-radius:.375rem;transition:background .2s ease}.cyber-links a:hover{background-color:#374151}.cyber-video,.cyber-visuals{flex:1;display:flex;justify-content:center;align-items:center}.cyber-video iframe,.cyber-image{max-width:100%;border-radius:.5rem;box-shadow:0 4px 12px #0000004d}.other-section{padding:4rem 2rem;color:#fff;background-color:transparent}.other-header{text-align:center;margin-bottom:3rem}.other-banner{width:100%;height:300px;object-fit:cover;border-radius:.5rem;box-shadow:0 4px 12px #0000004d;margin-bottom:1rem}.other-title{font-size:2.5rem;color:#f9a8d4}.other-project{display:flex;flex-direction:column;gap:2rem;margin-bottom:4rem}@media(min-width:768px){.other-project{flex-direction:row;align-items:flex-start}}.other-details{flex:2}.other-name{font-size:1.75rem;margin-bottom:1rem;color:#f9a8d4}.other-description{font-size:1rem;line-height:1.6;margin-bottom:1rem}.other-links{display:flex;gap:1rem;margin-top:1rem}.other-links a{padding:.5rem 1rem;background-color:#1f2937;color:#fff;text-decoration:none;border-radius:.375rem;transition:background .2s ease}.other-links a:hover{background-color:#374151}.other-video{margin-top:2rem;display:flex;justify-content:center}.other-video iframe{max-width:900px;width:100%;border-radius:.5rem;box-shadow:0 4px 12px #0000004d}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100vh;overflow-x:hidden;font-family:Inter,sans-serif;background:transparent}.content-wrapper{position:relative;z-index:1}.background-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;overflow:hidden;background:linear-gradient(to bottom,#0b0b2b,#1b2735 70%,#090a0f)}.stars{position:absolute;top:0;left:0;width:1px;height:1px;background:#fff;box-shadow:2vw 5vh 2px #fff,10vw 8vh 2px #fff,15vw 15vh 1px #fff,22vw 22vh 1px #fff,28vw 12vh 2px #fff,32vw 32vh 1px #fff,38vw 18vh 2px #fff,42vw 35vh 1px #fff,48vw 25vh 2px #fff,53vw 42vh 1px #fff,58vw 15vh 2px #fff,63vw 38vh 1px #fff,68vw 28vh 2px #fff,73vw 45vh 1px #fff,78vw 32vh 2px #fff,83vw 48vh 1px #fff,88vw 20vh 2px #fff,93vw 52vh 1px #fff,98vw 35vh 2px #fff,5vw 60vh 1px #fff,12vw 65vh 2px #fff,18vw 72vh 1px #fff,25vw 78vh 2px #fff,30vw 85vh 1px #fff,35vw 68vh 2px #fff,40vw 82vh 1px #fff,45vw 92vh 2px #fff,50vw 75vh 1px #fff,55vw 88vh 2px #fff,60vw 95vh 1px #fff,65vw 72vh 2px #fff,70vw 85vh 1px #fff,75vw 78vh 2px #fff,80vw 92vh 1px #fff,85vw 82vh 2px #fff,90vw 88vh 1px #fff,95vw 75vh 2px #fff;animation:twinkle 8s infinite linear}.stars:after{content:"";position:absolute;top:0;left:0;width:1px;height:1px;background:#fff;box-shadow:8vw 12vh 2px #fff,16vw 18vh 1px #fff,24vw 25vh 2px #fff,33vw 15vh 1px #fff,41vw 28vh 2px #fff,49vw 35vh 1px #fff,57vw 22vh 2px #fff,65vw 42vh 1px #fff,73vw 28vh 2px #fff,81vw 48vh 1px #fff,89vw 32vh 2px #fff,97vw 45vh 1px #fff,3vw 68vh 2px #fff,11vw 75vh 1px #fff,19vw 82vh 2px #fff,27vw 88vh 1px #fff,35vw 72vh 2px #fff,43vw 85vh 1px #fff,51vw 92vh 2px #fff,59vw 78vh 1px #fff;animation:twinkle 6s infinite linear reverse}.shooting-star{position:absolute;width:100px;height:2px;background:linear-gradient(90deg,white,transparent);animation:shoot 3s infinite ease-in}.shooting-star:nth-child(2){top:20%;left:-100px;animation-delay:0s}.shooting-star:nth-child(3){top:35%;left:-100px;animation-delay:1s}.shooting-star:nth-child(4){top:50%;left:-100px;animation-delay:2s}.shooting-star:nth-child(5){top:65%;left:-100px;animation-delay:3s}.shooting-star:nth-child(6){top:80%;left:-100px;animation-delay:4s}@keyframes twinkle{0%,to{opacity:.8}50%{opacity:.4}}@keyframes shoot{0%{transform:translate(0) translateY(0) rotate(25deg);opacity:1}to{transform:translate(120vw) translateY(50vh) rotate(25deg);opacity:0}}