*{margin:0;padding:0;box-sizing:border-box;font-family:Open Sans}.container{width:100vw;min-height:100vh;background:#fafafa}.Home{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center;font-size:large;color:#4f6eff;padding:20px;max-width:95vw;margin:0 auto}.Facelogo{border-radius:50%;width:100%;max-width:400px;aspect-ratio:1 / 1;object-fit:cover;margin-bottom:30px;border:4px solid #6c8bff}.Header{padding:10px;color:#4a4a4a}.ctaContainer{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;padding:10px}.ctaButton{background-color:transparent;color:#4f6eff;border:2px solid #4f6eff;padding:12px 28px;font-size:1.1rem;border-radius:30px;cursor:pointer;text-decoration:none;transition:background-color .3s ease,color .3s ease,transform .2s ease,box-shadow .2s ease}.ctaButton:hover{background-color:#4f6eff;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}@media (max-width: 768px){.Facelogo{width:80vw;max-width:none}.ctaButton{width:90%;max-width:280px;margin:10px 0;padding:12px 16px;font-size:1rem}}@media (max-width: 480px){.ctaButton{font-size:.9rem;padding:10px 14px}}.navbar{position:sticky;top:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 7%;background:linear-gradient(90deg,#f8f9fa,#e9ecef);box-shadow:0 2px 8px #0000001a;font-family:Open Sans,sans-serif;z-index:1000}.navbar__brand a{color:#2c3e50;font-size:1.75rem;font-weight:700;text-decoration:none}.navbar__toggle{background:none;border:none;cursor:pointer;display:none;z-index:1100;padding:8px}.navbar__hamburger,.navbar__hamburger:before,.navbar__hamburger:after{display:block;width:25px;height:3px;background:#333;transition:transform .3s ease,background .3s ease;position:relative}.navbar__hamburger:before{content:"";position:absolute;top:-8px}.navbar__hamburger:after{content:"";position:absolute;top:8px}.navbar__nav{flex:1;text-align:right}.navbar__nav ul{display:inline-flex;align-items:center;gap:2rem;list-style:none}.navbar__item a{position:relative;color:#333;font-size:1rem;font-weight:500;text-transform:uppercase;text-decoration:none;transition:color .3s ease}.navbar__item a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#3498db;transition:width .3s ease}.navbar__item a:hover{color:#3498db}.navbar__item a:hover:after{width:100%}@media (max-width: 768px){.navbar__toggle{display:block}.navbar__nav{position:fixed;top:0;right:0;height:100vh;width:75%;max-width:300px;background:#fff;box-shadow:-2px 0 8px #0000001a;transform:translate(100%);transition:transform .3s ease;padding:2rem 1rem}.navbar__nav--open{transform:translate(0)}.navbar__nav ul{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0 0;padding:0}.navbar__item a{font-size:1.1rem;width:100%}}.AboutSection{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:Open Sans,sans-serif;padding:40px 20px}.AboutMeSection{font-size:2rem;padding-top:30px;color:#3a4f6e;font-weight:700;padding-bottom:15px;text-shadow:1px 1px 3px rgba(0,0,0,.1)}.AboutWrite{width:1000px;max-width:90vw;font-size:20px;line-height:1.6;padding:0 10px}.SkillsSection{margin-top:70px;width:100%;border-top:2px solid #e0e0e0;padding-top:40px;color:#3a4f6e;text-shadow:1px 1px 3px rgba(0,0,0,.1)}.PHeader{font-size:1.5rem;color:#4f6eff;margin-bottom:20px;position:relative;padding-top:20px}.PHeader:after{content:"";display:block;width:40px;height:2px;background:#4f6eff;margin:8px auto 0}.LogoContainer{display:flex;flex-wrap:wrap;justify-content:center;gap:50px;margin-top:20px}.programminglogos{height:60px;object-fit:contain;transition:transform .2s ease,filter .2s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.programminglogos:hover{transform:scale(1.1)}.logoItem{display:flex;flex-direction:column;align-items:center}.logoLabel{font-size:.9rem;color:#333;margin-top:6px}.InterestSection{display:flex;justify-content:center;gap:20px;margin-top:30px;flex-wrap:wrap}.interestItem{display:flex;gap:10px;background-color:#fff;padding:10px 20px;border-radius:20px;font-size:1rem;color:#000;box-shadow:0 2px 5px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.interestItem:hover{transform:translateY(-3px)}.InterestsSec{width:100%;margin-top:60px;padding-top:20px;border-top:2px solid #e0e0e0;color:#3a4f6e;text-shadow:1px 1px 3px rgba(0,0,0,.1)}.contact-container{display:flex;gap:16px;margin-top:20px;justify-content:center;flex-wrap:wrap}.contact-button{display:flex;align-items:center;gap:10px;background-color:#fff;padding:12px 20px;border-radius:12px;box-shadow:0 4px 10px #0000000d;font-family:Open Sans,sans-serif;font-size:16px;color:#1e2a3a;text-shadow:1px 1px 3px rgba(0,0,0,.1);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,color .2s ease}.contact-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000014;color:#4f6eff}.contact-button:hover .contact-icon{color:#4f6eff}.contact-icon{font-size:20px}@media (max-width: 768px){.AboutMeSection{font-size:1.6rem}.AboutWrite{font-size:1rem;width:100%;max-width:90vw;padding:0 10px}.PHeader{font-size:1.3rem}.programminglogos{height:50px}.interestItem{font-size:.9rem;padding:10px 16px}.contact-button{font-size:14px;padding:10px 16px}.contact-icon{font-size:18px}.SkillsSection,.InterestsSec{padding-top:30px}}.Proj>h1{grid-column:1 / -1;font-size:2.5rem;text-align:center;margin-bottom:1.5rem}.Proj{color:#2c3e50;font-family:Open Sans,sans-serif;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;padding:2rem;max-width:1200px;margin:0 auto}.ProjectItem{background:#fff;border-radius:1rem;box-shadow:0 4px 10px #0000000d;padding:1.5rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.ProjectItem:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a}.ProjectImagesContainer{display:flex;justify-content:center;gap:.5rem;margin-bottom:1rem}.ProjectImages{padding:10px;max-width:100%;max-height:180px;object-fit:cover;border-radius:.5rem;transition:transform .3s ease}.ProjectImages:hover{transform:scale(1.05)}.Description{font-size:1rem;margin-bottom:1rem;opacity:1;transition:opacity .3s ease}.ProjectItem:hover .Description{opacity:.9}.Languages{margin-top:.5rem}.LangBadge{display:inline-block;padding:.25em .6em;margin:0 .25em;font-size:.85rem;background:#3a4f6e;color:#fff;border-radius:.5rem}.GithubLink{margin-top:8px;font-weight:700;font-size:.95rem}.GithubLink a{color:#0366d6;text-decoration:none}.GithubLink a:hover{text-decoration:underline}.ResearchDiv{text-align:center;padding:60px 40px;font-family:Open Sans,sans-serif;color:#2d2d2d}.ResearchDiv h1{font-size:2rem;margin-bottom:30px;color:#2b2e4a}.ResearchDiv p{max-width:800px;margin:40px auto;line-height:1.6;font-size:1.1rem;color:#444;padding:0 10px}.ResearchImageContainer{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;margin-top:30px}.ResearchImages{width:420px;max-width:90vw;height:auto;border-radius:20px;box-shadow:0 4px 15px #00000014;background-color:#fff;padding:16px;border:2px solid #6c8bff;transition:transform .2s ease,box-shadow .2s ease}.ResearchImages:hover{transform:scale(1.03);box-shadow:0 6px 20px #00000026}.ResearcherItem{background:#fff;border-radius:1rem;box-shadow:0 4px 10px #0000000d;padding:1.5rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease;margin-bottom:3rem}.ResearcherItem:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a}@media (max-width: 768px){.ResearchDiv{padding:40px 20px}.ResearchDiv h1{font-size:1.5rem;margin-bottom:20px}.ResearchDiv p{font-size:1rem;margin:20px auto;padding:0}.ResearchImages{width:100%;padding:12px}.ResearchImageContainer{gap:20px}.ResearcherItem{padding:1rem}}