/* Atlas HQ lock screen + site bar */
.sitebar{background:#061430;border-bottom:1px solid rgba(201,210,222,.18);padding-top:env(safe-area-inset-top)}
.sb-in{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;flex-wrap:wrap}
.sb-brand{font-family:var(--serif);font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;color:#c9d2de;text-decoration:none;white-space:nowrap}
.sb-links{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.sb-links a,.sb-lock{color:#fff;text-decoration:none;font-size:.84rem;font-weight:500;padding:8px 10px;border-radius:999px;background:none;border:0;font-family:inherit;cursor:pointer;line-height:1.2}
.sb-links a:hover,.sb-lock:hover{background:rgba(79,134,240,.22)}
.sb-lock{border:1px solid rgba(201,210,222,.35)!important;margin-left:4px}
@media (max-width:520px){.sb-brand{display:none}.sb-in{justify-content:center}}
body.locked{min-height:100vh;background:radial-gradient(ellipse at 20% 0%,#1a3f86 0%,transparent 60%),linear-gradient(180deg,#0a1f44 0%,#061430 100%)}
.lock{display:grid;place-items:center;padding:48px 20px 64px;min-height:calc(100vh - 60px)}
body:not(.locked) .lock{display:none}
.lockcard{width:min(380px,100%);text-align:center;background:rgba(255,255,255,.05);border:1px solid rgba(201,210,222,.22);border-radius:24px;padding:34px 26px 26px;box-shadow:0 30px 70px -30px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.08)}
.lk-mark{width:72px;height:72px;border-radius:18px;box-shadow:0 0 0 2px rgba(201,210,222,.35),0 14px 30px -12px rgba(0,0,0,.7)}
.lockcard h1{margin:16px 0 2px;font-size:1.9rem}
.lk-sub{margin:0 0 22px;font-family:var(--serif2);font-size:1.12rem;color:#c9d2de}
#pin{width:100%;height:56px;border-radius:14px;border:1.5px solid rgba(201,210,222,.4);background:rgba(255,255,255,.08);color:#fff;text-align:center;font:inherit;font-size:1.5rem;letter-spacing:.4em;padding:0 12px}
#pin::placeholder{letter-spacing:.06em;font-size:1rem;color:#aab6c9}
#pin:focus{outline:none;border-color:var(--sky);box-shadow:0 0 0 3px rgba(79,134,240,.45)}
.lk-rem{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px 0 16px;color:#dbe3ef;font-size:.92rem;cursor:pointer}
.lk-rem input{width:18px;height:18px;accent-color:#1e5bd8}
.lk-go{width:100%;height:52px;border:0;border-radius:14px;color:#fff;font:inherit;font-weight:600;font-size:1.05rem;cursor:pointer;background:linear-gradient(180deg,#2f6cf0 0%,#1e5bd8 45%,#0d3a8c 100%);box-shadow:0 10px 24px -10px rgba(30,91,216,.8),inset 0 1px 0 rgba(255,255,255,.3)}
.lk-go[disabled]{opacity:.7;cursor:wait}
.lk-err{min-height:1.4em;margin:12px 0 0;color:#ffb3b3;font-weight:600}
.lk-fine{margin:6px 0 0;color:#8fa0bb;font-size:.78rem}
.shake{animation:shk .35s}
@keyframes shk{20%,60%{transform:translateX(-8px)}40%,80%{transform:translateX(8px)}}