/* ===== JOIN US (sign in / sign up) ===== */
.page-join{--pg:#F1EADD;--ink:#2E2A24;--muted:#57503F;--gold:#A8853F;--red:#9B1C22;--line:#DCCFB4;background:var(--pg);color:var(--ink);font-family:'EB Garamond',Georgia,serif}

.jn-wrap{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:54px 24px 70px}
.jn-card{width:min(520px,100%);background:#FDFBF7;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px rgba(90,70,40,.08);padding:34px 34px 28px}

.jn-brand{text-align:center;margin-bottom:26px}
.jn-brand img{width:210px;height:auto;margin:0 auto;display:block}
.jn-brand p{margin:10px 0 0;font-family:'Tenor Sans',system-ui,sans-serif;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}

.jn-tabs{display:flex;gap:6px;padding:5px;border:1px solid var(--line);border-radius:999px;margin-bottom:22px}
.jn-tab{flex:1;min-height:40px;border:0;border-radius:999px;background:transparent;color:var(--muted);font:14px 'Tenor Sans',system-ui,sans-serif;letter-spacing:.06em;cursor:pointer}
.jn-tab.is-on{background:var(--red);color:#fff}

.jn-note{margin:0 0 18px;padding:11px 15px;border-radius:8px;font-family:'Tenor Sans',system-ui,sans-serif;font-size:13.5px;line-height:1.5}
.jn-note.ok{background:#E7F0E6;color:#2F6B34}
.jn-note.err{background:#FBE7E7;color:var(--red)}

.jn-panel{display:none}
.jn-panel.is-on{display:block}
.jn-panel h1{margin:0 0 6px;font-weight:400;font-size:clamp(24px,3vw,30px)}
.jn-help{margin:0 0 22px;font-family:'Tenor Sans',system-ui,sans-serif;font-size:14px;line-height:1.65;color:var(--muted)}

.jn-panel label{display:block;margin-bottom:16px;font-family:'Tenor Sans',system-ui,sans-serif;font-size:12.5px;letter-spacing:.06em;color:var(--muted)}
.jn-panel input[type="text"],
.jn-panel input[type="email"],
.jn-panel input[type="password"]{display:block;width:100%;margin-top:7px;height:46px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:#fff;font-family:'Tenor Sans',system-ui,sans-serif;font-size:15px;color:var(--ink);box-sizing:border-box}
.jn-panel input:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--gold)}
.jn-hint{display:block;margin-top:6px;font-size:12px;color:#8A8175}

.jn-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:4px 0 22px}
.jn-check{display:flex;align-items:center;gap:8px;margin:0;font-size:13px}
.jn-check input{width:16px;height:16px}
.jn-small{font-family:'Tenor Sans',system-ui,sans-serif;font-size:13px;color:var(--red)}
.jn-small:hover{text-decoration:underline}

.jn-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:50px;padding:0 26px;border:0;border-radius:999px;background:var(--red);color:#fff;font-family:'Tenor Sans',system-ui,sans-serif;font-size:13.5px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background .25s}
.jn-btn:hover{background:#7C151A;color:#fff}
.jn-btn-ghost{background:transparent;border:1.5px solid var(--red);color:var(--red)}
.jn-btn-ghost:hover{background:var(--red);color:#fff}

.jn-actions{display:flex;flex-direction:column;gap:12px}
.jn-signedin{display:block;text-align:center}

/* Robot trap — never shown to people. */
.jn-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.jn-back{margin:24px 0 0;text-align:center;font-family:'Tenor Sans',system-ui,sans-serif;font-size:13px}
.jn-back a{color:var(--muted)}
.jn-back a:hover{color:var(--red)}