:root{font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#12161c;color:#eee;margin:0;padding:0}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}a{text-decoration:none}section{padding:4rem 2rem}#about{padding:8rem 0;background-color:#12161c;overflow-x:hidden}.about-content-container{max-width:1200px;margin:0 auto;padding:0 4rem;display:flex;gap:4rem;align-items:center}.about-image-wrapper{position:relative;flex:1;max-width:350px;height:350px;flex-shrink:0}.about-image{width:100%;height:100%;border-radius:16px;overflow:hidden;box-shadow:0 15px 35px #0006;transform:rotate(-3deg);transition:transform .4s cubic-bezier(.25,.8,.25,1)}.about-content-container:hover .about-image{transform:rotate(3deg) scale(1.05)}.about-image img{width:100%;height:100%;object-fit:cover}.about-text{flex:2}.section-title{font-size:2.8rem;color:#fff;margin-bottom:1.5rem}.section-title:after{content:"";display:block;width:60px;height:4px;background:#00bfff;margin-top:1rem}.bio{color:#ccc;line-height:1.8;font-size:1.05rem;margin-bottom:2rem}.info-section{margin-bottom:2.5rem;background:#22283180;padding:1.5rem;border-radius:12px;border-left:4px solid #00bfff}.info-section h4{color:#eee;font-size:1rem}.info-section h4:not(:last-child){margin-bottom:.75rem}.highlight{color:#00bfff;font-weight:600;margin-right:.5rem}.specializations-title{font-size:1.8rem;color:#fff;margin-bottom:1.5rem;font-weight:600}.specializations-grid{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:3rem}.spec-card{background:transparent;border:1px solid #00bfff;color:#00bfff;padding:.75rem 1.5rem;border-radius:50px;transition:background-color .3s ease,color .3s ease;cursor:default}.spec-card:hover{background-color:#00bfff;color:#12161c}.tech-stack-section{width:100%;margin-top:6rem}.tech-stack-title{text-align:center;font-size:1.8rem;color:#fff;margin-bottom:2.5rem;font-weight:600}.tech-carousel-container{width:100%;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent);mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent)}.carousel-track{display:flex;width:6000px;animation:scroll 60s linear infinite}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.tech-logo{width:150px;padding:0 25px;flex-shrink:0;display:flex;justify-content:center;align-items:center}.tech-logo img{height:70px;width:70px;object-fit:contain;filter:grayscale(100%);opacity:.6;transition:all .3s ease}.carousel-track:hover img{filter:grayscale(50%);opacity:.8}.tech-logo:hover img{filter:grayscale(0%);opacity:1;transform:scale(1.15)}@media(max-width:992px){#about{padding:6rem 0}.about-content-container{padding:0 2rem;flex-direction:column;text-align:center;gap:3rem}.section-title:after{margin:1rem auto 0}.about-image-wrapper{max-width:300px;height:300px}.info-section{text-align:left}}@media(max-width:576px){#about{padding:4rem 0}.about-content-container{padding:0 1.5rem}.about-image-wrapper{max-width:250px;height:250px}.section-title,.specializations-title,.tech-stack-title{font-size:2rem}.specializations-grid{justify-content:center}}#certifications{background-color:#12161c;padding:6rem 2rem}.cert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;max-width:1200px;margin:0 auto}.cert-card{position:relative;background:#222831a6;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .3s ease,box-shadow .3s ease}.cert-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000080}.cert-card:hover .card-border{opacity:1}.cert-info{padding:2rem;display:flex;flex-direction:column;flex-grow:1}h4{color:#00bfff;font-size:1.4rem;line-height:1.4;margin:0;margin-bottom:.75rem;flex-grow:1}.issuer{color:#bbb;font-size:.9rem;margin-bottom:1.5rem}.credential-link{display:inline-block;align-self:flex-start;color:#fff;background-color:transparent;padding:.5rem 0;text-decoration:none;font-weight:700;transition:color .3s ease;border-bottom:2px solid #00bfff;font-size:.9rem}.credential-link:hover{color:#00bfff}@media(max-width:480px){#certifications{padding:4rem 1rem}.cert-grid{grid-template-columns:1fr}}#experience{padding:6rem 2rem;background-color:#12161c}.timeline{position:relative;max-width:900px;margin:0 auto}.timeline:after{content:"";position:absolute;width:4px;background-color:#00bfff;top:0;bottom:0;left:50%;margin-left:-2px}.timeline-item{padding:1rem 2.5rem;position:relative;width:50%}.timeline-item:nth-child(odd){left:0;padding-right:4rem}.timeline-item:nth-child(2n){left:50%;padding-left:4rem}.timeline-item:after{content:"";position:absolute;width:20px;height:20px;right:-10px;background-color:#12161c;border:4px solid #00bfff;border-radius:50%;z-index:1;top:50%;transform:translateY(-50%)}.timeline-item:nth-child(odd):after{right:-12px}.timeline-item:nth-child(2n):after{left:-12px}.timeline-content{padding:2rem;background:#181c24;position:relative;border-radius:8px;box-shadow:0 4px 25px #0003;transition:transform .3s ease}.timeline-content:hover{transform:translateY(-5px)}.company-logo{width:50px;height:50px;border-radius:50%;position:absolute;top:-25px;left:50%;transform:translate(-50%);border:3px solid #00bfff;background:#fff}h3{font-size:1.5rem;color:#00bfff;margin-top:20px;margin-bottom:.5rem}h4{font-size:1.2rem;color:#eee;margin-bottom:.5rem}.period{display:block;color:#888;font-size:.9rem;margin-bottom:1rem}p{color:#ccc;line-height:1.5}@media screen and (max-width:768px){.timeline:after{left:20px}.timeline-item{width:100%;padding-left:50px;padding-right:15px}.timeline-item:nth-child(2n){left:0}.timeline-item:after{left:10px}}.hero{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;text-align:center;overflow:hidden}.hero-video{position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%,-50%);z-index:-2}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#12161cb3;z-index:-1}.hero-content{z-index:1;position:relative;color:#fff}h1{font-size:4rem;color:#fff;margin-bottom:.5rem}h2{font-size:1.5rem;color:#00bfff;margin-bottom:2rem}.social-links a{color:#fff;text-decoration:none;margin:0 1rem;font-size:1.2rem;transition:color .3s ease}.social-links a:hover{color:#00bfff}#projects{background-color:#12161c;padding:6rem 2rem}.projects-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1400px;margin:0 auto}.project-card{position:relative;background:#222831a6;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000080}.project-card:hover .card-border{opacity:1}.card-content{position:relative;z-index:1;background:#181c24;height:100%;display:flex;flex-direction:column;border-radius:11px}.project-info{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.project-header{display:flex;align-items:center;margin-bottom:1rem}.project-logo{width:40px;height:40px;object-fit:cover;border-radius:8px;margin-right:1rem;border:1px solid rgba(255,255,255,.2)}h3{color:#00bfff;font-size:1.3rem;margin:0}p{color:#ccc;line-height:1.6;font-size:.9rem;margin-bottom:1.5rem;flex-grow:1}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-badge{background-color:#00bfff1a;color:#00bfff;padding:.25rem .6rem;border-radius:5px;font-size:.75rem}.repo-link{display:inline-block;align-self:flex-start;color:#fff;background-color:transparent;padding:.5rem 0;text-decoration:none;font-weight:700;transition:color .3s ease;border-bottom:2px solid #00bfff;font-size:.9rem}.repo-link:hover{color:#00bfff}@media(max-width:1200px){.projects-grid{grid-template-columns:repeat(2,1fr);max-width:800px}}@media(max-width:768px){#projects{padding:4rem 1.5rem}.projects-grid{grid-template-columns:1fr}}#volunteering{background-color:#12161c;padding:6rem 2rem}.section-title{text-align:center;font-size:2.5rem;color:#fff;margin-bottom:4rem}.volunteer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem;max-width:1200px;margin:0 auto}.volunteer-card{position:relative;background:#222831a6;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .3s ease,box-shadow .3s ease}.volunteer-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000080}.volunteer-card:hover .card-border{opacity:1}.card-border{position:absolute;inset:0;background:conic-gradient(from 180deg at 50% 50%,#00bfff,#ff00c3,#00bfff 360deg);opacity:0;transition:opacity .4s ease-in-out;z-index:0;filter:blur(15px)}.card-content{position:relative;z-index:1;background:#181c24;height:100%;border-radius:11px}.volunteer-info{padding:2rem;display:flex;align-items:flex-start;gap:1.5rem}.volunteer-logo{width:60px;height:60px;object-fit:contain;border-radius:10px;flex-shrink:0}.volunteer-text{display:flex;flex-direction:column}h4{color:#00bfff;font-size:1.3rem;line-height:1.4;margin:0;margin-bottom:.25rem}.organization{color:#bbb;font-size:.9rem;margin-bottom:1rem}.description{color:#ccc;line-height:1.6;font-size:.95rem;margin:0}@media(max-width:480px){#volunteering{padding:4rem 1rem}.volunteer-grid{grid-template-columns:1fr}.volunteer-info{flex-direction:column;align-items:center;text-align:center}}footer{background-color:#181c24;padding:2rem;text-align:center}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-links a{color:#fff;text-decoration:none;margin:0 1rem;transition:color .3s ease}.footer-links a:hover{color:#00bfff}@media(max-width:768px){.footer-content{flex-direction:column}.footer-links{margin-top:1rem}}header.svelte-zne36e{position:sticky;top:0;left:0;right:0;padding:.75rem;background-color:transparent;transition:background-color .3s ease,box-shadow .3s ease;z-index:1000}header.scrolled.svelte-zne36e{background-color:#0e1015cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 4px #0000001a}.header-container.svelte-zne36e{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;gap:.75rem}.logo.svelte-zne36e a:where(.svelte-zne36e){font-size:1.4rem;font-weight:700;color:#fff;text-decoration:none;letter-spacing:1px;flex-shrink:0}nav.svelte-zne36e{display:flex;align-items:center;gap:.25rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}nav.svelte-zne36e::-webkit-scrollbar{display:none}nav.svelte-zne36e a:where(.svelte-zne36e){color:#e0e0e0;text-decoration:none;font-weight:500;font-size:.7rem;transition:color .3s ease;white-space:nowrap;padding:.2rem .4rem;border-radius:4px}nav.svelte-zne36e a:where(.svelte-zne36e):hover{color:#fff;background-color:#ffffff1a}.social-links.svelte-zne36e{display:flex;gap:.5rem;align-items:center}.social-links.svelte-zne36e a:where(.svelte-zne36e) svg:where(.svelte-zne36e){stroke:#e0e0e0;width:18px;height:18px;transition:stroke .3s ease,transform .3s ease}.social-links.svelte-zne36e a:where(.svelte-zne36e):hover svg:where(.svelte-zne36e){stroke:#00bfff;transform:scale(1.1)}@media(min-width:768px){header.svelte-zne36e{padding:1rem 2rem}.header-container.svelte-zne36e{gap:1rem}.logo.svelte-zne36e a:where(.svelte-zne36e){font-size:1.8rem}nav.svelte-zne36e{gap:1rem}nav.svelte-zne36e a:where(.svelte-zne36e){font-size:1rem;padding:.5rem 1rem}.social-links.svelte-zne36e{gap:1.5rem}.social-links.svelte-zne36e a:where(.svelte-zne36e) svg:where(.svelte-zne36e){width:24px;height:24px}}.hero.svelte-qzo0r3{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;overflow:hidden}.hero-video.svelte-qzo0r3{position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%,-50%);z-index:-2}.hero-overlay.svelte-qzo0r3{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:-1}.hero-content.svelte-qzo0r3{z-index:1;max-width:800px;padding:1rem}h1.svelte-qzo0r3{font-size:3.5rem;margin-bottom:.5rem;font-weight:700}h2.svelte-qzo0r3{font-size:1.75rem;margin-bottom:2rem;font-weight:400}.social-links.svelte-qzo0r3{display:flex;justify-content:center;gap:2rem}.social-links.svelte-qzo0r3 a:where(.svelte-qzo0r3){color:#fff;transition:color .3s ease}.social-links.svelte-qzo0r3 a:where(.svelte-qzo0r3):hover{color:#00bfff}.social-links.svelte-qzo0r3 a:where(.svelte-qzo0r3) svg:where(.svelte-qzo0r3){stroke:#fff;transition:stroke .3s ease}.social-links.svelte-qzo0r3 a:where(.svelte-qzo0r3):hover svg:where(.svelte-qzo0r3){stroke:#00bfff}@media(max-width:768px){h1.svelte-qzo0r3{font-size:2.5rem}h2.svelte-qzo0r3{font-size:1.25rem}}footer.svelte-9sff3o{padding:2rem;background-color:#181c24;color:#fff;text-align:center}.footer-content.svelte-9sff3o{display:flex;flex-direction:column;align-items:center;gap:1rem}.social-links.svelte-9sff3o{display:flex;gap:1.5rem}.social-links.svelte-9sff3o a:where(.svelte-9sff3o) svg:where(.svelte-9sff3o){stroke:#fff;transition:stroke .3s ease}.social-links.svelte-9sff3o a:where(.svelte-9sff3o):hover svg:where(.svelte-9sff3o){stroke:#00bfff}