.auth-nav{display:flex;align-items:center;gap:8px;flex:none}
.auth-nav-btn,.auth-gate-btn{appearance:none;border:0;font:inherit;cursor:pointer;text-decoration:none}
.auth-nav-btn{font-family:var(--mono,"JetBrains Mono",monospace);font-size:10px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink-1,#a6b2c6);background:transparent;border:1px solid var(--line-2,rgba(130,165,220,.22));
  border-radius:999px;padding:6px 11px;white-space:nowrap;transition:border-color .18s,background .18s,color .18s}
.auth-nav-btn:hover{border-color:var(--cyan,#3fc9f6);color:var(--cyan,#3fc9f6);background:rgba(63,201,246,.08)}
.auth-nav-btn.primary{border-color:rgba(63,201,246,.42);color:var(--cyan,#3fc9f6);background:rgba(63,201,246,.08)}
.auth-gate{position:relative;margin:clamp(44px,7vw,82px) 0 20px;min-height:420px;overflow:hidden;
  border:1px solid var(--line,rgba(130,165,220,.12));border-radius:18px;background:var(--surface,#0b0f1a)}
.auth-gate[hidden],.auth-protected[hidden]{display:none!important}
.auth-gate-preview{position:absolute;inset:0;padding:24px;display:grid;gap:14px;align-content:start;
  opacity:.5;filter:blur(7px);transform:scale(1.02);pointer-events:none;user-select:none}
.auth-gate-preview span{display:block;height:64px;border:1px solid var(--line-2,rgba(130,165,220,.22));border-radius:12px;
  background:linear-gradient(90deg,rgba(63,201,246,.04),rgba(166,178,198,.12),rgba(63,201,246,.04))}
.auth-gate-preview span:first-child{height:34px;width:42%}.auth-gate-preview span:nth-child(3){height:92px}
.auth-gate-fade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,7,14,.18),rgba(5,7,14,.9) 34%,#05070e 72%)}
.auth-gate-card{position:relative;z-index:1;max-width:570px;margin:105px auto 36px;padding:0 24px;text-align:center}
.auth-gate-kicker{font-family:var(--mono,"JetBrains Mono",monospace);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan,#3fc9f6)}
.auth-gate-title{font-family:var(--disp,"Cormorant Garamond",serif);font-size:clamp(30px,5vw,46px);font-weight:600;line-height:1.06;margin:12px 0;color:var(--ink,#f2f5fb)}
.auth-gate-copy{max-width:52ch;margin:0 auto;color:var(--ink-1,#a6b2c6);font-size:14.5px;line-height:1.65}
.auth-gate-actions{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:23px}
.auth-gate-btn{font-family:var(--mono,"JetBrains Mono",monospace);font-size:11px;letter-spacing:.08em;border-radius:999px;padding:11px 18px}
.auth-gate-btn.primary{color:#041019;background:var(--cyan,#3fc9f6);font-weight:700;box-shadow:0 10px 34px rgba(63,201,246,.16)}
.auth-gate-btn.secondary{color:var(--ink,#f2f5fb);background:rgba(166,178,198,.06);border:1px solid var(--line-2,rgba(130,165,220,.22))}
.auth-gate-note{font-family:var(--mono,"JetBrains Mono",monospace);font-size:9.5px;letter-spacing:.05em;color:var(--ink-2,#66728a);margin-top:15px}
.auth-gate-local{display:none;margin-top:12px;color:var(--gold,#c9a86a);font-family:var(--mono,"JetBrains Mono",monospace);font-size:10px;
  text-decoration:underline;text-underline-offset:3px;cursor:pointer;background:none;border:0}
body[data-auth-local="true"] .auth-gate-local{display:inline-block}
.auth-link-locked{filter:blur(1.5px);opacity:.32;pointer-events:none;user-select:none}
.auth-locked{position:relative}
.auth-locked::after{content:"Register to use";position:absolute;inset:0;display:grid;place-items:center;border-radius:inherit;
  color:var(--cyan,#3fc9f6);background:rgba(5,7,14,.82);font-family:var(--mono,"JetBrains Mono",monospace);font-size:10px;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:720px){.auth-nav-btn:not(.primary){display:none}.auth-gate{min-height:390px}.auth-gate-card{margin-top:82px}.auth-gate-preview{padding:15px}}
@media(prefers-reduced-motion:reduce){.auth-nav-btn,.auth-gate-btn{transition:none}}