@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@700;800;900&family=Hanken+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
/* Scoped to authentication screens: the signed-in console keeps its own styles. */
.auth-notebook{--auth-ink:#1e3326;--auth-paper:#faf7ee;--auth-line:#d9ceb7;position:relative;isolation:isolate;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-start;gap:0;padding:130px 24px 70px;color:var(--auth-ink);font-family:'Hanken Grotesk',sans-serif;background-color:#f2ecdd;background-image:linear-gradient(#d7ccb133 1px,transparent 1px),linear-gradient(90deg,#d7ccb133 1px,transparent 1px);background-size:28px 28px}
.auth-notebook__nav{position:absolute;top:0;left:0;right:0;min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px clamp(20px,4vw,64px);font-size:14px;font-weight:600}
.auth-notebook__nav a{color:var(--auth-ink);text-decoration:none}.auth-notebook__nav a:hover{text-decoration:underline;text-underline-offset:5px}.auth-notebook__logo{font-size:25px;font-weight:800;letter-spacing:-1px}
.auth-notebook .signin,.auth-notebook>.state{position:relative;width:100%;max-width:500px;padding:40px;background:var(--auth-paper);border:1px solid #e4dbc8;border-radius:3px 10px 10px 10px;box-shadow:9px 10px 0 #ddd1b8,0 18px 30px #28352812;color:var(--auth-ink);gap:20px}
.auth-notebook .signin:before,.auth-notebook>.state:before{content:'TELEJACT · FIELD NOTES';position:absolute;bottom:100%;left:-1px;background:#a6b094;color:var(--auth-ink);padding:9px 16px;border-radius:5px 5px 0 0;font:500 11px 'IBM Plex Mono',monospace;letter-spacing:.04em}
.auth-notebook .signin__brand{font:500 11px 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.06em;color:#75624d;display:flex;justify-content:space-between;gap:12px}.auth-notebook .signin__brand span{font:inherit;color:inherit}
.auth-notebook .signin__title{font:900 clamp(32px,4vw,42px)/1.04 'Archivo',sans-serif;letter-spacing:-1.5px;text-transform:uppercase;margin:0;max-width:12ch;color:var(--auth-ink)}
.auth-notebook .signin__lead{font-size:16px;line-height:1.55;color:#51584b;margin:0 0 5px}.auth-notebook .field{gap:7px;margin:0}.auth-notebook .field__label{font:700 14px 'Hanken Grotesk',sans-serif;color:var(--auth-ink)}
.auth-notebook .input{min-height:49px;background:#fffdf7;border:1px solid #c6bba6;border-radius:5px;color:var(--auth-ink);font:400 16px 'Hanken Grotesk',sans-serif;padding:12px 14px;box-shadow:none}.auth-notebook .input:focus{border-color:#415b3e;outline:2px solid #415b3e;outline-offset:2px}
.auth-notebook .btn{min-height:48px;font:700 15px 'Hanken Grotesk',sans-serif;border-radius:5px}.auth-notebook .btn--solid,.auth-notebook .btn--accent{background:#1e3326;color:#fffdf7;border-color:#1e3326}.auth-notebook .btn--solid:hover,.auth-notebook .btn--accent:hover{background:#344b37}.auth-notebook .btn:disabled{opacity:.6;cursor:wait}
.auth-notebook .signin__alts{border-color:var(--auth-line);gap:13px;padding-top:19px}.auth-notebook .linkish{color:#29432c;line-height:1.5;font-family:inherit;text-decoration:underline;text-underline-offset:4px}.auth-notebook .signin__alts .linkish{font-size:14px}.auth-notebook a:focus-visible,.auth-notebook button:focus-visible{outline:2px solid #415b3e;outline-offset:4px}
.auth-notebook .warn-note{background:#f4e3d7;border:1px solid #c58c70;color:#713c25;border-radius:5px;font-size:14px;line-height:1.5}.auth-notebook .state__title{font-family:'Archivo',sans-serif;color:var(--auth-ink)}.auth-notebook .state__detail,.auth-notebook .state__note{line-height:1.6;overflow-wrap:anywhere}
@media(max-width:540px){.auth-notebook{padding:120px 20px 48px}.auth-notebook__nav{padding:18px 20px;font-size:12px;min-height:78px}.auth-notebook__logo{font-size:23px}.auth-notebook .signin,.auth-notebook>.state{padding:28px 23px;box-shadow:6px 7px 0 #ddd1b8,0 12px 24px #28352812}.auth-notebook .signin__brand{font-size:10px}.auth-notebook .signin__title{font-size:35px}.auth-notebook .signin__lead{font-size:15px}}