.header{background-color:var(--dark-gray);color:var(--text-white);z-index:100;padding:1.5rem 0;position:sticky;top:0;box-shadow:0 4px 12px #0000001a}.header-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.logo{color:var(--primary-blue);letter-spacing:1px;font-size:1.8rem;font-weight:800}.logo span{color:var(--text-white)}.nav-list{gap:1.2rem;display:flex}.nav-list a{font-size:1rem;font-weight:500;transition:color .3s}.nav-list a:hover{color:var(--primary-blue)}.hamburger{cursor:pointer;z-index:200;flex-direction:column;gap:5px;display:none}.hamburger .bar{background-color:var(--text-white);width:25px;height:3px;transition:all .3s}.mobile-btn-container{display:none}@media (max-width:900px){.hamburger{display:flex}.hamburger.active .bar:first-child{transform:translateY(8px)rotate(45deg)}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.nav{background-color:var(--dark-gray);flex-direction:column;width:280px;height:100vh;padding:6rem 2rem 2rem;transition:right .3s;position:fixed;top:0;right:-100%;box-shadow:-5px 0 15px #0003}.nav.nav-open{right:0}.nav-list{flex-direction:column;gap:1.5rem;margin-bottom:2rem}.desktop-btn{display:none}.mobile-btn-container{display:block}}
.footer{background-color:var(--dark-gray);color:var(--light-gray);padding-top:4rem}.footer-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.footer-col h3{color:var(--primary-blue);margin-bottom:1rem;font-size:1.5rem}.footer-col h4{color:var(--text-white);margin-bottom:1.2rem;font-size:1.2rem}.footer-col p{color:#aaa;margin-bottom:.5rem}.footer-col ul{flex-direction:column;gap:.8rem;display:flex}.footer-col a{color:#aaa;transition:color .3s}.footer-col a:hover{color:var(--primary-blue)}.footer-bottom{text-align:center;color:#888;border-top:1px solid #444;padding:1.5rem 0;font-size:.9rem}