.site-header{position:relative;width:100%;height:400px;background-size:cover;background-position:center;display:flex;align-items:flex-start}@media (max-width: 767px){.site-header{height:200px}}.header-overlay{position:absolute;inset:0;background-color:#0003;z-index:1}.site-nav{display:flex;justify-content:space-between;align-items:center;width:100%;position:relative;z-index:2;padding-top:var(--spacing-4)}.nav-section.nav-left{display:flex;align-items:center}.brand-link{display:flex;align-items:center;text-decoration:none;color:#fff;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);gap:.75rem;transition:opacity .2s ease}.brand-link:hover{opacity:.85}.brand-logo{height:100px;width:auto}.brand-text{color:#0a2c5f;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);text-shadow:0 0 10px rgba(0,0,0,.5)}@media (max-width: 767px){.brand-logo{height:60px}.brand-text{font-size:var(--font-size-lg)}}.nav-section.nav-right{justify-content:flex-end}.nav-link{display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;font-weight:var(--font-weight-medium);font-size:var(--font-size-base);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);transition:all .2s ease;background-color:#0000004d;min-height:44px}.nav-link:hover{background-color:#0009}.nav-link--primary{background-color:var(--color-primary-light);color:var(--color-text)!important}.nav-link--primary:hover{background-color:var(--color-border-accent)}.mobile-menu-btn{display:flex;flex-direction:column;justify-content:space-around;width:44px;height:44px;background:#0000004d;border:1px solid white;border-radius:var(--radius-md);cursor:pointer;padding:.5rem;z-index:1002}.hamburger-line{width:100%;height:2px;background-color:#fff;border-radius:10px;transition:all .3s linear}.mobile-menu-btn--open .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn--open .hamburger-line:nth-child(2){opacity:0}.mobile-menu-btn--open .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.nav-menu{position:absolute;top:calc(100% - 40px);left:0;right:auto;background-color:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);transform:translateY(-150%);opacity:0;visibility:hidden;transition:transform .3s ease-out,opacity .3s ease-out;z-index:1001;width:250px}.nav-menu--open{transform:translateY(0);opacity:1;visibility:visible}.nav-list{list-style:none;margin:0;padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-2)}.dropdown{position:relative}.dropdown-toggle{display:flex;align-items:center;justify-content:space-between;width:auto;gap:var(--spacing-2);background-color:#0000004d;border:1px solid white;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);cursor:pointer;font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:#fff;transition:background-color .2s ease;text-align:right;min-height:44px}.dropdown-toggle:hover{background-color:#0009}.dropdown-arrow{transition:transform .2s ease-in-out}.dropdown-toggle[aria-expanded=true] .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{list-style:none;padding:0;margin:0;background-color:transparent;border-right:none;display:none}.dropdown-menu--open{display:block}.dropdown-link,.dropdown .logout-btn{display:block;width:100%;padding:var(--spacing-3) var(--spacing-3);text-decoration:none;color:var(--color-text-secondary);border-radius:var(--radius-md);font-size:var(--font-size-sm);text-align:right;background-color:transparent;border:none;cursor:pointer;min-height:44px}.dropdown-link:hover,.dropdown .logout-btn:hover{background-color:var(--color-primary-light);color:var(--color-primary)!important}.dropdown .logout-btn{color:var(--color-error)}.dropdown-divider{border:none;border-top:1px solid var(--color-border-light);margin:var(--spacing-2) 0}@media (max-width: 767px){.nav-menu{width:280px;border-radius:var(--radius-lg);max-height:80vh;overflow-y:auto}.nav-list{gap:var(--spacing-1)}.nav-link{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);border-radius:var(--radius-md);margin-bottom:var(--spacing-1)}.nav-link:active{background-color:#000c;transform:scale(.98)}.dropdown-toggle{width:100%;padding:var(--spacing-3) var(--spacing-4);margin-bottom:var(--spacing-1)}.dropdown-toggle:active{background-color:#000c;transform:scale(.98)}.dropdown-menu{position:static;background-color:var(--color-surface-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);margin-top:var(--spacing-2);padding:var(--spacing-2);box-shadow:inset 0 1px 3px #0000001a}.dropdown-link,.dropdown .logout-btn{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);border-radius:var(--radius-md);margin-bottom:var(--spacing-1)}.dropdown-link:active,.dropdown .logout-btn:active{transform:scale(.98);background-color:var(--color-primary-light)}.mobile-menu-btn{position:relative}.mobile-menu-btn:before{content:"";position:absolute;inset:-8px}}@media (min-width: 768px){.mobile-menu-btn{display:none}.nav-menu{position:static;transform:none;opacity:1;visibility:visible;background:transparent;border:none;box-shadow:none;width:auto}.nav-list{flex-direction:row;align-items:center;padding:0;gap:var(--spacing-4)}.dropdown-menu{position:absolute;top:calc(100% + var(--spacing-2));left:0;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:240px;margin:0;padding:var(--spacing-3);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease-in-out;display:block}.dropdown-menu--open{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-link,.dropdown .logout-btn{color:var(--color-text);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);margin-bottom:var(--spacing-1)}.dropdown-link:hover,.dropdown .logout-btn:hover{transform:translate(2px)}.nav-link,.dropdown-toggle{padding:var(--spacing-3) var(--spacing-4)}}