.header{position:sticky;top:0;left:0;right:0;z-index:1000;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;transition:background-color .3s ease,box-shadow .3s ease;background-color:var(--bg-primary)}.header.scrolled{background-color:var(--bg-secondary);box-shadow:0 2px 10px #0000001a}.header-logo{font-size:1.5rem;font-weight:700;color:var(--color-primary);text-decoration:none;display:flex;align-items:center}.logo-image{height:40px;width:auto}.header-nav{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.header-nav a{color:var(--color-primary);text-decoration:none;font-weight:500;transition:color .2s ease}.header-nav a:hover{color:var(--color-primary-hover)}.theme-toggle{background:none;border:2px solid var(--color-primary);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-primary);transition:all .2s ease;margin-right:1rem}.theme-toggle:hover{background-color:var(--color-primary);color:#fff}.mobile-menu-btn{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-primary)}@media(max-width:768px){.header-nav{display:none}.mobile-menu-btn{display:block}}.footer{background-color:var(--bg-footer);color:var(--text-primary);padding:4rem 2rem 2rem;border-top:1px solid var(--border-color);transition:background-color .3s ease,color .3s ease}.footer-content{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem}.footer-brand h3{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--color-primary)}.footer-brand p{color:var(--text-footer);font-size:.875rem}.footer-section h4{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--text-footer-heading)}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.5rem}.footer-links a{color:var(--text-footer);text-decoration:none;font-size:.875rem;transition:color .2s ease}.footer-links a:hover{color:var(--color-primary)}.footer-social{display:flex;gap:1rem}.footer-social a{color:var(--text-footer);text-decoration:none;font-size:.875rem;transition:color .2s ease}.footer-social a:hover{color:var(--color-primary)}.footer-bottom{max-width:1100px;margin:3rem auto 0;padding-top:2rem;border-top:1px solid var(--border-color);text-align:center;color:var(--text-footer);font-size:.875rem}