.header{background-color:var(--color-background);z-index:1;width:100%;box-shadow:0 0 3px #000}.header .container{padding:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.header .container .logo{max-width:15vmin;height:auto;transition:transform .3s}.header .container .logo:hover{transform:scale(1.05)}.header .container .menu{align-items:center;gap:var(--spacing-xl);font-family:Inter;display:flex}.header .container .menu .menu-items{gap:5vmin;display:flex}.header .container .menu .menu-items .menu-item{text-transform:uppercase;color:#000;font-weight:600;text-decoration:none}.header .container .menu .socials{gap:1vmin;display:flex}.header .container .menu .socials a{text-decoration:none}.header .container .menu .socials svg{height:1.5rem;color:var(--color-text)}.header .container .menu .header-right{align-items:center;gap:var(--spacing-md);margin-left:auto;display:flex}.header .container .menu .user-info{align-items:center;gap:1rem;display:flex}.header .container .menu .user-info .login-link{color:#000;text-transform:uppercase;font-weight:600;text-decoration:none}.header .container .menu .user-info .user-greeting{color:#000;text-transform:uppercase;font-weight:600}.header .container .menu .notification-link{border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background .2s;display:flex;position:relative}.header .container .menu .notification-link:hover{background:#0000000d}.header .container .menu .notification-link .notification-icon{width:20px;height:20px;color:var(--color-text)}.header .container .menu .notification-link .notification-badge{background:var(--color-primary);color:#fff;text-align:center;white-space:nowrap;border-radius:9px;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:600;line-height:18px;position:absolute;top:0;right:0}.header .container .menu .user-info-loading{color:var(--color-text)}.mobile-menu-button{padding:var(--spacing-sm);cursor:pointer;z-index:1000;background:0 0;border:none;display:none}.mobile-menu-button svg{width:24px;height:24px;stroke:var(--color-text)}@media (max-width:1024px){.mobile-menu-button{display:block}.header .container{padding:var(--spacing-md)}.header .logo{max-width:20vmin}.header .container .menu .menu-items,.header .container .menu .socials,.header .container .menu button.transparent{display:none}.header .container .menu{display:flex}}.mobile-menu-drawer{background:var(--color-background);z-index:1001;flex-direction:column;width:80%;height:100vh;transition:transform .3s ease-in-out;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-2px 0 10px #0003}.mobile-menu-drawer.open{transform:translate(0)}.mobile-menu-close{top:var(--spacing-md);left:var(--spacing-md);padding:var(--spacing-sm);cursor:pointer;z-index:1002;background:0 0;border:none;position:absolute}.mobile-menu-close svg{width:24px;height:24px;stroke:var(--color-text)}.mobile-menu-content{padding:var(--spacing-lg);gap:var(--spacing-xl);flex-direction:column;margin-top:60px;display:flex}.mobile-menu-links{gap:var(--spacing-md);flex-direction:column;display:flex}.mobile-menu-link{text-transform:uppercase;color:#000;font-weight:600;font-size:var(--font-size-lg);padding:var(--spacing-sm) 0;text-decoration:none}.mobile-menu-user-section{margin-top:var(--spacing-lg)}.mobile-menu-auth{gap:var(--spacing-md);flex-direction:column;display:flex}.mobile-menu-overlay{z-index:1000;opacity:0;visibility:hidden;background:#0009;width:100%;height:100vh;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;position:fixed;top:0;left:0}.mobile-menu-overlay.visible{opacity:1;visibility:visible}.header+.hero{border-top-left-radius:0;border-top-right-radius:0}
.user-info{position:relative}.user-info .user-icon{cursor:pointer;width:40px;height:40px}.user-info .dropdown-menu{background-color:var(--color-background);border:1px solid var(--color-border);z-index:1000;border-radius:4px;min-width:200px;position:absolute;top:115%;right:0;box-shadow:0 2px 10px #0000001a}.user-info .dropdown-menu .menu-arrow{border-bottom:6px solid var(--color-border);border-left:6px solid var(--color-transparent);border-right:6px solid var(--color-transparent);width:0;height:0;position:absolute;top:-7px;right:13px}.user-info .dropdown-menu .welcome-message{border-bottom:1px solid var(--color-border);padding:12px 16px;font-weight:600}.user-info .dropdown-menu .menu-item{color:var(--color-text);padding:12px 16px;text-decoration:none;transition:background-color .2s;display:block}.user-info .dropdown-menu .menu-item:hover{background-color:#ffa8771a}.user-info .dropdown-menu .logout-button{border-top:1px solid var(--color-border);color:var(--color-text);cursor:pointer;padding:12px 16px;text-decoration:none}.user-info .dropdown-menu .logout-button:hover{background-color:#ffa8771a}