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