.header{padding:1rem 0;box-shadow:0 2px 10px rgba(0,0,0,.05);position:-webkit-sticky;position:sticky;top:0;background-color:white;z-index:100}@media (prefers-color-scheme:dark){.header{background-color:var(--primary-dark);box-shadow:0 2px 10px rgba(0,0,0,.2)}}.logo{display:flex;align-items:center;gap:.002rem;font-size:1.8rem;font-weight:700;color:var(--primary-dark)}.logo:hover{color:var(--accent-blue)}@media (prefers-color-scheme:dark){.logo{color:white}}.main-nav ul{display:flex;list-style:none;gap:2rem}.nav-link{font-weight:500;color:var(--secondary-gray);transition:color .3s ease}.nav-link:hover{color:var(--accent-blue)}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;font-size:1.5rem}.logo-text{display:inline-block}.menu-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:99;opacity:0;transition:opacity .3s ease}.menu-overlay.show{display:block;opacity:1}@media (max-width:768px){.mobile-menu-btn{display:block;z-index:101}.main-nav{position:fixed;top:0;right:0;width:70%;height:100vh;background-color:white;transform:translateX(100%);transition:transform .3s ease;z-index:100;padding:4rem 2rem 2rem;box-shadow:-5px 0 15px rgba(0,0,0,.1)}.main-nav.show{transform:translateX(0)}.main-nav ul{flex-direction:column;gap:1.5rem}.nav-link{font-size:1.2rem;display:block;padding:.5rem 0}}@media (prefers-color-scheme:dark){@media (max-width:768px){.main-nav{background-color:var(--primary-dark);box-shadow:-5px 0 15px rgba(0,0,0,.3)}}}