header{background-color:black;padding:20px;text-align:center;position:relative}ul{margin-top:10px;list-style:none;display:flex;flex-direction:row;gap:1rem;align-items:center;justify-content:center;flex-wrap:wrap;padding:0}li{padding:10px 16px;font-weight:700;border-radius:8px;cursor:pointer;transition:background-color .3s ease}ul .active-link{background-color:white;color:black}.hamburger-btn{position:absolute;left:20px;top:20px;padding:10px 15px;font-size:20px;font-weight:700;background-color:whitesmoke;color:black;border-radius:5px;display:block;z-index:1600}.sidebar{position:fixed;top:0;left:-250px;width:250px;height:100vh;background-color:black;color:white;transition:left .3s ease;z-index:1500;padding:20px}.sidebar.open{left:0}.sidebar .close-btn{font-size:24px;background:none;border:none;color:white;float:right;cursor:pointer;margin-bottom:20px}.sidebar ul{display:flex;flex-direction:column;gap:15px}.sidebar ul .active-link{background-color:white;color:black}.sidebar-overlay{position:fixed;top:0;left:0;height:100vh;width:100vw;background:rgba(0,0,0,.4);z-index:1400}.lgout-button{background-color:#f44336;padding:10px;border-radius:10px;color:whitesmoke}@media screen and (max-width:768px){ul{display:flex;flex-direction:column;align-items:center}.hamburger-btn{display:block}}.footer{background-color:#0d0d0d;color:#f0f0f0;padding:3rem 1rem 1rem;font-family:Segoe UI,sans-serif}.footer-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem;max-width:1200px;margin:auto}.footer-brand h2{font-size:2rem;color:orange}.footer-brand p{margin-top:.5rem;color:#e0e0e0}.footer-contact{min-width:200px;display:flex;flex-direction:column;margin-bottom:5px}.footer-contact a{display:block;color:#e0e0e0;text-decoration:none;font-weight:600;transition:.3s}.footer-contact a:hover{color:orange;text-decoration:underline}.footer-links,.footer-social{min-width:200px}.footer-contact h4,.footer-links h4,.footer-social h4{margin-bottom:1rem;color:#F6F4ED}.footer-links ul{list-style:none;padding:0}.footer-links ul li{margin-bottom:.5rem}.footer-links ul li a{color:#f0f0f0;text-decoration:none;transition:color .3s ease}.footer-links ul li a:hover{color:orange}.footer-contact p{margin:.3rem 0}.footer-social .social-icons a{color:#f0f0f0;margin-right:10px;font-size:1.2rem;transition:color .3s ease}.footer-social .social-icons a:hover{color:#ddb76a}.footer-bottom{text-align:center;padding-top:2rem;font-size:.9rem;border-top:1px solid white}.footer-bottom a{color:orange;text-decoration:none}@media screen and (max-width:768px){.footer-top{flex-direction:column;align-items:flex-start;gap:2rem;padding:0 1rem}.footer-brand h2{font-size:1.6rem}.footer-contact,.footer-links,.footer-social{width:100%}.footer-links ul{padding-left:0}.footer-bottom{font-size:.8rem;padding-top:1rem}}