.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 .3s ease,box-shadow .3s ease;background:color-mix(in srgb,var(--bg-primary) 5%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.header.scrolled{background:color-mix(in srgb,var(--bg-primary) 5%,transparent);box-shadow:0 4px 20px var(--shadow);backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}.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;border-radius:20%}.logo-text{font-size:1.5rem;font-weight:700;color:var(--color-primary);margin-left:.5rem}.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;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;color:var(--color-primary)}@media(max-width:768px){.header-nav{display:none}.mobile-menu-btn{display:block}.header-logo img{height:32px}.mobile-nav{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary, #fff);border-top:1px solid var(--border-color, #eee);padding:1rem;box-shadow:0 4px 6px #0000001a}.mobile-nav-list{list-style:none;margin:0;padding:0}.mobile-nav-list li{margin:.75rem 0}.mobile-nav-list a{display:block;padding:.5rem 0;font-size:1.1rem;color:var(--text-primary, #333);text-decoration:none}.mobile-nav-list a:hover{color:var(--color-primary)}.mobile-theme-toggle{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--color-primary);font-size:1.1rem;padding:.5rem 0;cursor:pointer;width:100%;text-align:left}.theme-toggle{display:none}}@media(max-width:480px){.header-container{padding:.75rem 1rem}.header-logo img{height:28px}.theme-toggle{display:none}}.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-logo{display:flex;align-items:center;text-decoration:none;gap:.5rem;margin-bottom:.5rem}.footer-logo-image{height:40px;width:auto;border-radius:20%;padding:1px}.footer-logo-text{font-size:1.5rem;font-weight:700;color:var(--color-primary)}.logo-u{color:#fff}.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}@media(max-width:768px){.footer{padding:3rem 1.5rem 1.5rem}.footer-content{grid-template-columns:repeat(2,1fr);gap:2rem}.footer-brand{grid-column:span 2}}@media(max-width:480px){.footer{padding:2rem 1rem 1rem}.footer-content{grid-template-columns:1fr;gap:1.5rem}.footer-brand{grid-column:span 1;text-align:center}.footer-section{text-align:center}.footer-social{justify-content:center}.footer-bottom{margin-top:2rem;padding-top:1.5rem;font-size:.8rem}}