.nav-actions{justify-self:end;display:flex;align-items:center;gap:12px}
.account-link{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--ink-30);background:#fdfbf7}
.account-link svg{width:18px;height:18px}
.login-section{background:#f5f3ef}
.login-panel{width:min(520px,calc(100% - 32px));margin:0 auto;background:#fdfbf7;border:1px solid var(--ink-30);padding:40px}
.login-copy h2{font-size:30px;font-weight:500;margin:0 0 10px}
.login-copy p{color:var(--ink-50);margin:0 0 28px;line-height:1.7}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--ink-30);margin-bottom:30px}
.auth-tabs button{height:46px;border:0;background:transparent;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;color:var(--ink-50)}
.auth-tabs button+button{border-left:1px solid var(--ink-30)}
.auth-tabs button.active{background:var(--ink-black);color:var(--rice)}
.auth-tabs svg{width:16px}
.identity-input,.code-input{display:flex;align-items:center;border:1px solid var(--ink-30);background:#fdfbf7}
.identity-input:focus-within,.code-input:focus-within{border-color:var(--ink-black)}
.identity-input input,.code-input input{border:0;min-width:0;flex:1}
.code-input .button{flex:0 0 auto;margin-right:5px;padding:0 14px;height:38px}
.code-field{margin-top:20px}
.turnstile-slot{min-height:65px;margin:20px 0 4px}
.turnstile-slot.hidden{display:none}
.login-submit{width:100%;margin-top:8px}
.form-message{min-height:24px;font:13px var(--sans);color:var(--jade)}
.form-message.error{color:var(--cinnabar)}
.privacy-note{display:flex;gap:8px;align-items:center;margin:22px 0 0;color:var(--ink-50);font:12px var(--sans)}
.privacy-note svg{width:16px}

@media(max-width:900px){
  .nav-actions .nav-cta{display:none}
}

@media(max-width:600px){
  .nav-actions .account-link{display:none}
  .login-panel{padding:28px 20px}
  .code-input .button{font-size:12px}
}