.header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;position:sticky;top:0;left:0;width:100%;z-index:1;height:60px;background-color:var(--color-background)}.header .logo img{width:150px;height:auto}.header .buttons{display:flex;gap:10px}.header .buttons .button{display:inline-block;padding:5px 20px;border:1px solid var(--color-primary);border-radius:10px;text-decoration:none;font-size:16px;font-weight:700;text-align:center;cursor:pointer;transition:background-color .3s,color .3s,transform .2s;position:relative;background-color:var(--color-dark);color:var(--color-primary)}.header .buttons .button:hover{transform:translateY(-2px)}.header .buttons .button.active{font-weight:700}.header .buttons .button.active,.header .buttons .button:hover{background-color:var(--color-primary);color:#000}.header .buttons .logout-btn{border-radius:50%;text-decoration:none;padding:5px;font-size:20px;font-weight:700;text-align:center;cursor:pointer;transition:background-color .3s,color .3s,transform .2s;position:relative;background-color:var(--color-dark);color:var(--color-primary)}.header .buttons .logout-btn:hover{transform:translateY(-2px)}.header .buttons .logout-btn.active{font-weight:700}.header .buttons .logout-btn.active,.header .buttons .logout-btn:hover{background-color:var(--color-primary);color:#000}.header .buttons .profile-btn{border-radius:50%;padding:5px;text-decoration:none;font-size:20px;font-weight:700;text-align:center;cursor:pointer;transition:background-color .3s,color .3s,transform .2s;position:relative;background-color:var(--color-dark);color:var(--color-primary)}.header .buttons .profile-btn:hover{transform:translateY(-2px)}.header .buttons .profile-btn.active{font-weight:700}.header .buttons .profile-btn.active,.header .buttons .profile-btn:hover{background-color:var(--color-primary);color:#000}@media(max-width:768px){.header .header{padding:10px 15px;height:auto;flex-direction:column;justify-content:center}.header .logo img{width:120px;height:auto}.header .buttons .button{font-size:12px;padding:5px 8px}}.footer{background-color:#353535;padding:40px 40px 0}.footer .links{display:flex;align-items:start;flex-direction:column}.footer .links li{color:var(--color-dark-gray);font-size:16px;margin-bottom:5px;max-width:fit-content;cursor:pointer;transition:all .3s ease-in-out}.footer .links li:hover{color:var(--color-primary)}.footer .logo{width:160px;margin:20px}.footer .social-links{display:flex}.footer .social-links .icon{margin:5px;border-radius:10px;border:1px solid var(--color-primary);transition:all .3s ease-in-out;cursor:pointer}.footer .social-links .icon img{height:40px;width:40px}.footer .social-links .icon:hover{box-shadow:0 2px 8px rgba(207,160,19,.945);transform:translateY(-5px)}.footer .footer-text{text-align:center;color:var(--color-dark-gray);border-top:1px solid var(--color-dark-gray);padding:16px;margin-top:16px}.footer .footer-text span{color:var(--color-primary);font-weight:600}@media(max-width:768px){.footer .social-links{justify-content:center}.footer .links{align-items:center}}