/* Landing header authentication controls and responsive navigation. */
.landing-header{gap:clamp(18px,2.5vw,34px)}
.landing-header .landing-nav{gap:clamp(18px,2.3vw,30px)}
.landing-auth-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.landing-auth-actions form{margin:0}
.landing-header .header-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 13px;border:1px solid rgba(255,255,255,.42);border-radius:7px;background:transparent;color:#fff;cursor:pointer;font:750 .75rem/1 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;text-decoration:none;white-space:nowrap;transition:background .2s,color .2s,border-color .2s,transform .2s}
.landing-header .login-action:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.75);color:#fff}
.landing-header .register-action{border-color:var(--bright);background:var(--bright);color:var(--forest-deep)}
.landing-header .register-action:hover{background:#fff;border-color:#fff;color:var(--forest);transform:translateY(-1px)}
.landing-mobile-menu{display:none}

@media(max-width:1050px){
  .landing-header>.landing-nav,.landing-header>.landing-auth-actions{display:none}
  .landing-mobile-menu{display:block;position:relative;margin-left:auto}
  .landing-mobile-menu summary{display:flex;align-items:center;gap:7px;min-height:36px;padding:8px 12px;border:1px solid rgba(255,255,255,.42);border-radius:7px;cursor:pointer;font-size:.75rem;font-weight:750;list-style:none}
  .landing-mobile-menu summary::-webkit-details-marker{display:none}
  .landing-mobile-menu summary i{font-size:1.15rem}
  .landing-mobile-panel{position:absolute;right:0;top:calc(100% + 10px);display:grid;gap:15px;width:min(300px,calc(100vw - 36px));padding:17px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(3,43,36,.98);box-shadow:0 18px 36px rgba(0,0,0,.25)}
  .landing-mobile-panel nav{display:grid;gap:2px}
  .landing-mobile-panel nav a{padding:9px 8px;border-radius:6px;color:rgba(255,255,255,.8)}
  .landing-mobile-panel nav a:hover{background:rgba(255,255,255,.1);color:#fff}
  .landing-mobile-panel .landing-auth-actions{padding-top:14px;border-top:1px solid rgba(255,255,255,.15)}
}

@media(max-width:650px){
  .landing-mobile-menu summary span{display:none}
  .landing-mobile-menu summary{padding:8px 10px}
  .landing-header .header-action{min-height:35px;padding:8px 10px;font-size:.72rem}
}