:root{--bg:#f5f5f1;--paper:#fff;--text:#202721;--muted:#646c64;--line:#dfe4dd;--accent:#245644}
*{box-sizing:border-box}
.fn-access-page{margin:0;color:var(--text);background:var(--bg);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh;display:flex;flex-direction:column}
.fn-access-header,.fn-access-footer{max-width:1160px;width:100%;margin:0 auto;padding:24px 28px}
.fn-access-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}
.fn-wordmark{color:var(--text);text-decoration:none;font-size:21px;font-weight:750;letter-spacing:-.8px}
.fn-mark{color:var(--accent)}.fn-header-label,.fn-access-footer{font-size:13px;color:var(--muted)}
.fn-access-main{max-width:1160px;width:100%;margin:0 auto;padding:70px 28px;display:grid;grid-template-columns:minmax(0,520px) 1fr;gap:10%;align-items:center;flex:1}
.fn-auth-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:clamp(26px,5vw,48px);box-shadow:0 12px 40px #1c33250a}
.fn-eyebrow,.fn-side-note span{font-size:11px;letter-spacing:.17em;color:var(--accent);font-weight:750}
.fn-auth-card h1{font-size:clamp(28px,4vw,41px);line-height:1.18;letter-spacing:-.055em;margin:20px 0}
.fn-intro,.fn-side-note p{color:var(--muted)}
.fn-auth-card form{margin-top:30px}
.fn-auth-card label{display:block;font-size:13px;font-weight:680;margin:18px 0 7px}
.fn-auth-card input{display:block;width:100%;padding:12px 14px;border:1px solid #c7d1c9;border-radius:7px;background:#fff;color:#202721;font:inherit}
.fn-auth-card input:focus{outline:2px solid #9cb9a7;outline-offset:2px}
.fn-auth-card button{margin-top:25px;border:0;border-radius:8px;background:var(--accent);color:#fff;font:inherit;font-weight:700;padding:13px 20px;width:100%;cursor:pointer;display:flex;justify-content:space-between}
.fn-auth-card button:hover{background:#1d493a}.fn-auth-card button:focus-visible{outline:3px solid #9cb9a7;outline-offset:2px}
.fn-status{min-height:1.4em;color:#945b19;font-size:13px;margin:15px 0 0}
.fn-small{font-size:12px;color:var(--muted);margin-top:18px}
.fn-side-note{max-width:330px}.fn-rule{height:1px;background:var(--line);margin-bottom:28px}
.fn-side-note p{font-size:20px;margin:20px 0 32px;line-height:1.6}
.fn-side-note a{color:var(--accent);font-weight:700;text-decoration:none}
.fn-access-footer{border-top:1px solid var(--line)}
/* Homepage CTA: scoped selectors so the existing Field Notes design is untouched. */
.fn-workspace-cta-2026{margin:48px 0 24px;padding:26px 28px;background:#f2f6f1;border:1px solid #d9e5db;border-radius:12px;color:#202721}
.fn-workspace-cta-2026 h2{margin:10px 0;font-size:clamp(23px,3vw,31px)}
.fn-workspace-cta-2026 p{margin:0 0 16px;color:#5f6e62}
.fn-workspace-cta-2026 .fn-workspace-action{display:inline-block;padding:10px 16px;border-radius:7px;background:#245644;color:#fff;font-weight:700;text-decoration:none}
.fn-workspace-cta-2026 .fn-workspace-action:hover{background:#1d493a}
@media(max-width:760px){.fn-access-main{grid-template-columns:1fr;gap:40px;padding:36px 18px}.fn-access-header,.fn-access-footer{padding:20px}.fn-side-note{padding:0 12px}.fn-header-label{display:none}}