*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif;text-decoration:none}body{background-color:#1b3c53;color:#f9f3ef;scroll-behavior:smooth;overflow:hidden;overflow-y:scroll}.introSection{background:linear-gradient(90deg,#1b3c53 80%,#27496d);color:#f9f3ef;max-width:800px;margin:2rem auto;padding:2.5rem 2rem;border-radius:1.5rem;box-shadow:0 5px 15px #d2c1b655;display:flex;align-items:center;justify-content:center;overflow-y:auto;scroll-margin-top:16rem}.introContent{display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem;width:100%}.introGreeting{font-size:1.3rem;font-weight:500;letter-spacing:.05em;color:#d2c1b6}.introName{font-size:2.2rem;font-weight:700;margin:0;color:#f9f3ef;letter-spacing:.04em}.introRole{font-size:1.2rem;color:#f9f3ef;margin:0}.introRole strong{color:#d2c1b6;font-weight:700}.introDesc{font-size:1.05rem;color:#f9f3ef;margin-bottom:1.5rem}.desktopMenuBtn{align-self:flex-start}@media (max-width: 900px){.introSection{max-width:95vw;padding:2rem 1rem}.introName{font-size:1.7rem}}@media (max-width: 600px){.introSection{padding:1.2rem .5rem;border-radius:1rem;margin:1rem auto}.introName{font-size:1.2rem}.introGreeting{font-size:1rem}.introRole,.introDesc{font-size:.95rem}.desktopMenuBtn{font-size:1rem;padding:.5rem .8rem}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;color:#f9f3ef;box-shadow:0 4px 12px #d2c1b633;position:sticky;top:0;background:linear-gradient(90deg,#1b3c53 80%,#27496d);z-index:10;height:5rem;max-width:80%;margin:1rem auto;border-radius:1.5rem;transition:box-shadow .3s}.navbar:hover{box-shadow:0 8px 24px #d2c1b655}.logo{height:4rem;width:4rem;border-radius:50%}.desktopMenuList{display:flex;list-style:none;gap:2.5rem}.desktopMenuItem{color:#f9f3ef;font-size:1.1rem;font-weight:500;letter-spacing:.03em;padding:.5rem 1rem;border-radius:.5rem;transition:color .3s ease,background .3s,border-bottom .3s;cursor:pointer;text-decoration:none}.subNav{display:flex;align-items:center;justify-content:space-evenly;width:100%;gap:2rem}.navLogo{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.desktopMenuItem:hover{color:#d2c1b6;background:#27496d33;border-bottom:3px solid #D2C1B6;padding-bottom:.2rem}.desktopMenuBtn{background:linear-gradient(90deg,#d2c1b6 60%,#f9f3ef);color:#1b3c53;font-weight:600;border:none;border-radius:1rem;padding:.7rem 1.7rem;font-size:1.1rem;cursor:pointer;box-shadow:0 2px 8px #d2c1b644;transition:background .3s,color .3s,box-shadow .3s}.desktopMenuBtn:hover{background:linear-gradient(90deg,#f9f3ef 60%,#d2c1b6);color:#27496d;box-shadow:0 4px 16px #d2c1b655}@media (max-width: 1014px){.navbar{max-width:98vw;padding:.7rem 1rem;height:4rem}.desktopMenuList{gap:1.2rem}.desktopMenuBtn{padding:.5rem 1.2rem;font-size:1rem}}@media (max-width: 820px){.navbar{max-width:100%;padding:.7rem 1rem;height:5.4rem}}@media (max-width:912px){.logo{height:3.5rem;width:3.5rem}}@media (max-width: 685px){.navbar{max-width:100%;padding:.7rem 1rem;height:5.8rem}.desktopMenuBtn{display:none}}@media (max-width: 600px){.navbar{flex-direction:column;align-items:stretch;height:auto;padding:.5rem;margin:.5rem auto;border-radius:1rem}.subNav{display:none}.desktopMenuList{flex-direction:column;gap:.5rem;align-items:flex-start}.desktopMenuItem{font-size:1rem;padding:.4rem .7rem}.desktopMenuBtn{margin-top:.7rem;width:100%;font-size:1rem;padding:.5rem .8rem}}.aboutSection{background:linear-gradient(90deg,#1b3c53 80%,#27496d);color:#f9f3ef;max-width:800px;margin:2rem auto;padding:2.5rem 2rem;border-radius:1.5rem;box-shadow:0 8px 32px #d2c1b655;display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem}.aboutTitle{font-size:2rem;font-weight:700;color:#d2c1b6;margin-bottom:1rem;letter-spacing:.04em}.aboutDesc{font-size:1.15rem;color:#f9f3ef;margin-bottom:1rem;line-height:1.7}.aboutList{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:1rem}.aboutListItem{background:#27496d33;color:#d2c1b6;padding:.6rem 1.2rem;border-radius:.7rem;font-size:1rem;font-weight:500;box-shadow:0 2px 8px #d2c1b644;transition:background .3s}@media (max-width: 900px){.aboutSection{max-width:95vw;padding:2rem 1rem}}@media (max-width: 600px){.aboutSection{padding:1.2rem .5rem;border-radius:1rem;margin:1rem auto}.aboutTitle{font-size:1.4rem}.aboutDesc{font-size:1rem}.aboutList{gap:.5rem}.aboutListItem{font-size:.95rem;padding:.5rem .8rem}}.worksSection{background:linear-gradient(90deg,#1b3c53 80%,#27496d);color:#f9f3ef;max-width:1100px;margin:2rem auto;padding:2.5rem 2rem;border-radius:1.5rem;box-shadow:0 8px 32px #d2c1b655}.worksTitle{font-size:2rem;font-weight:700;color:#d2c1b6;margin-bottom:2rem;letter-spacing:.04em;text-align:center}.worksList{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem}.worksListItem{background:#27496d33;border-radius:1rem;box-shadow:0 2px 8px #d2c1b644;display:flex;flex-direction:column;align-items:center;padding:1.2rem 1rem;transition:box-shadow .3s,transform .3s}.worksListItem:hover{box-shadow:0 8px 24px #d2c1b655;transform:translateY(-4px) scale(1.03)}.worksListItem img{width:100%;max-width:220px;height:140px;object-fit:cover;border-radius:.7rem;margin-bottom:1.2rem;box-shadow:0 2px 8px #d2c1b644;background:#1b3c53}.worksDemoBtn{background:linear-gradient(90deg,#d2c1b6 60%,#f9f3ef);color:#1b3c53;font-weight:600;border:none;border-radius:1rem;padding:.7rem 1.7rem;font-size:1.1rem;cursor:pointer;box-shadow:0 2px 8px #d2c1b644;transition:background .3s,color .3s,box-shadow .3s;text-decoration:none;display:inline-block;margin-top:auto}.worksDemoBtn:hover{background:linear-gradient(90deg,#f9f3ef 60%,#d2c1b6);color:#27496d;box-shadow:0 4px 16px #d2c1b655}.worksGithubTitle{text-align:center;color:#d2c1b6;font-size:1.2rem;margin-top:2.5rem;margin-bottom:1rem;font-weight:600;letter-spacing:.03em}.worksGithubBtn{display:block;margin:0 auto 1.5rem;padding:.7rem 2rem;font-size:1.1rem;background:linear-gradient(90deg,#f9f3ef 60%,#d2c1b6);color:#27496d;border:none;border-radius:1rem;font-weight:600;box-shadow:0 2px 8px #d2c1b644;transition:background .3s,color .3s,box-shadow .3s;text-decoration:none;width:fit-content}.worksGithubBtn:hover{background:linear-gradient(90deg,#d2c1b6 60%,#f9f3ef);color:#1b3c53;box-shadow:0 4px 16px #d2c1b655}@media (max-width: 900px){.worksSection{max-width:98vw;padding:2rem 1rem}.worksList{gap:1.2rem}.worksListItem img{max-width:180px;height:110px;object-fit:cover}}@media (max-width: 600px){.worksSection{padding:1.2rem .5rem;border-radius:1rem;margin:1rem auto}.worksTitle{font-size:1.4rem}.worksList{grid-template-columns:1fr;gap:1rem}.worksListItem{padding:.8rem .5rem;min-height:220px}.worksListItem img{max-width:100%;width:100%;height:auto;min-height:120px;object-fit:contain;border-radius:.7rem;margin-bottom:1rem;background:#1b3c53;box-shadow:0 2px 8px #d2c1b644}.worksDemoBtn{font-size:1rem;padding:.5rem .8rem}}.contactSection{background:linear-gradient(90deg,#1b3c53 80%,#27496d);color:#f9f3ef;max-width:600px;margin:2rem auto;padding:2.5rem 2rem;border-radius:1.5rem;box-shadow:0 8px 32px #d2c1b655;display:flex;flex-direction:column;align-items:center;scroll-padding-top:6rem}.contactSection h2{color:#d2c1b6;font-size:2rem;font-weight:700;margin-bottom:2rem;letter-spacing:.04em;text-align:center}form{display:flex;flex-direction:column;gap:1.2rem;width:100%;align-items:center}input,textarea{width:100%;padding:.8rem 1rem;border-radius:.7rem;border:none;font-size:1.05rem;background:#27496d33;color:#f9f3ef;box-shadow:0 2px 8px #d2c1b644;margin-bottom:.5rem;resize:none;transition:background .3s,box-shadow .3s}input:focus,textarea:focus{outline:none;background:#d2c1b6;color:#1b3c53;box-shadow:0 4px 16px #d2c1b655}button[type=submit]{background:linear-gradient(90deg,#d2c1b6 60%,#f9f3ef);color:#1b3c53;font-weight:600;border:none;border-radius:1rem;padding:.7rem 1.7rem;font-size:1.1rem;cursor:pointer;box-shadow:0 2px 8px #d2c1b644;transition:background .3s,color .3s,box-shadow .3s;margin-top:.5rem}button[type=submit]:hover{background:linear-gradient(90deg,#f9f3ef 60%,#d2c1b6);color:#27496d;box-shadow:0 4px 16px #d2c1b655}.links{display:flex;gap:1.5rem;margin-top:1.5rem}@media (max-width: 900px){.contactSection{max-width:95vw;padding:2rem 1rem}form{gap:1rem}}@media (max-width: 600px){.contactSection{padding:1.2rem .5rem;border-radius:1rem;margin:1rem auto}.contactSection h2{font-size:1.4rem}input,textarea{font-size:1rem;padding:.6rem .7rem}button[type=submit]{font-size:1rem;padding:.5rem .8rem}}.footer{width:100%;background:linear-gradient(90deg,#1b3c53 80%,#27496d);color:#d2c1b6;text-align:center;padding:1.2rem 0;font-size:1.1rem;font-weight:500;letter-spacing:.03em;box-shadow:0 -2px 12px #d2c1b633;margin-top:2rem}@media (max-width: 600px){.footer{font-size:1rem;padding:.8rem 0;border-radius:0 0 1rem}}