.website-header{padding:12px 16px}@media (min-width:640px){.website-header{padding:16px 24px}}@media (min-width:768px){.website-header{padding:18px 32px}}@media (min-width:1024px){.website-header{padding:20px 40px}}.website-header-desktop .login-btn,.website-header-desktop .logout-btn{background-color:#fdc80e00}.website-header-desktop .login-btn:hover,.website-header-desktop .logout-btn:hover{background-color:var(--card);color:var(--secondary);transition:all .3s}.website-header-desktop .header-icon-btn:hover svg>circle,.website-header-desktop .header-icon-btn:hover svg>path{stroke:var(--surface-dark)}@media (max-width:639px){.website-header-mobile .mobile-menu-item{padding:8px 12px;font-size:14px}}.mobile-menu{width:280px}@media (max-width:375px){.mobile-menu{width:260px}}@media (min-width:640px){.mobile-menu{width:320px}}@media (max-width:375px){.logo-link img{width:50px!important}}
.website-footer{padding:16px 20px}@media (min-width:640px){.website-footer{padding:18px 28px}}@media (min-width:768px){.website-footer{padding:20px 36px}}@media (min-width:1024px){.website-footer{padding:22px 44px}}@media (min-width:1280px){.website-footer{padding:24px 48px}}@media (max-width:374px){.website-footer{gap:12px;padding:12px 16px}.website-footer div{gap:12px}}@media (max-width:767px){.website-footer{gap:16px;padding:16px 20px}.website-footer div{gap:12px}.website-footer .text-muted-foreground{text-align:center;padding:2px 0}}@media (min-width:768px){.website-footer .text-muted-foreground{text-align:left}}
