@font-face {
  font-family: Manrope;
  src: url("./manrope.ttf") format("truetype");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}
:root { --paper:#f7f7ef; --ink:#173e36; --muted:#5b7069; --line:#d9e1d6; --lime:#d4f17f; --pale:#e9efdf; }
* { box-sizing:border-box; }
body { margin:0; min-height:100svh; display:flex; flex-direction:column; background:var(--paper); color:var(--ink); font:15px/1.65 Manrope,Arial,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-underline-offset:4px; }
button,input { font:inherit; }
button,a,input { -webkit-tap-highlight-color:transparent; }
a:focus-visible,button:focus-visible,input:focus-visible { outline:3px solid #93611a; outline-offset:5px; }
.skip-link { position:fixed; top:8px; left:8px; z-index:10; padding:12px 20px; background:var(--lime); transform:translateY(-180%); }
.skip-link:focus { transform:none; }
.auth-header,.auth-footer { width:min(1320px,calc(100% - 96px)); margin-inline:auto; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.auth-header { min-height:100px; }
.brand { display:inline-flex; align-items:center; gap:8px; text-decoration:none; font-size:29px; font-weight:800; letter-spacing:-1.4px; }
.brand svg { width:34px; height:34px; }
.brand-dot { color:#71904f; }
.back-link { font-size:13px; font-weight:650; text-decoration:none; }
.back-link span { margin-right:7px; }
.back-link:hover { text-decoration:underline; }
.auth-layout { width:min(1240px,calc(100% - 96px)); margin:16px auto 26px; display:grid; grid-template-columns:1fr 1fr; flex:1; border:1px solid var(--line); border-radius:26px; overflow:hidden; background:#fff; }
.brand-panel { padding:58px 54px 38px; background:var(--ink); color:var(--paper); display:flex; flex-direction:column; position:relative; }
.eyebrow { margin:0 0 18px; font-size:10px; letter-spacing:.18em; line-height:1.5; font-weight:800; }
.brand-panel .eyebrow { color:var(--lime); }
h1,h2 { font-weight:600; letter-spacing:-.05em; line-height:1.1; margin:0; }
h2 { font-size:clamp(38px,3.75vw,54px); }
h2 span { color:var(--lime); }
.panel-description { max-width:345px; margin:25px 0 32px; color:#d1ded3; font-size:14px; line-height:1.85; }
.journey { display:flex; align-items:center; gap:18px; margin-top:auto; padding-top:18px; }
.journey>div { display:flex; flex-direction:column; gap:9px; font-size:11px; font-weight:600; white-space:nowrap; }
.step-number { display:grid; place-items:center; width:42px; height:42px; border:1px solid #6b8978; border-radius:50%; color:var(--lime); font-size:12px; }
.connector { color:#86a48d; margin-bottom:26px; }
.panel-note { display:flex; gap:10px; align-items:center; padding-top:26px; margin:32px 0 0; border-top:1px solid #45675a; color:#d1ded3; font-size:12px; }
.panel-note span { color:var(--lime); font-size:20px; }
.form-panel { padding:54px 50px; display:flex; align-items:center; justify-content:center; min-width:0; scroll-margin-top:24px; }
.auth-card { width:100%; max-width:360px; }
.workspace-icon { width:46px; height:46px; border-radius:13px; background:var(--pale); display:grid; place-items:center; margin-bottom:26px; }
.workspace-icon svg { width:24px; height:24px; }
.auth-card .eyebrow { margin-bottom:11px; color:var(--muted); }
h1 { font-size:38px; overflow-wrap:anywhere; }
.intro { color:var(--muted); margin:15px 0 29px; font-size:14px; }
.grid { display:grid; gap:20px; }
.auth-card form { margin-top:28px; }
.auth-card label { display:block; font-size:12px; font-weight:750; margin-bottom:8px; }
.auth-card input:not([type=hidden]) { width:100%; min-height:52px; padding:12px 15px; border:1px solid #b8c7bd; border-radius:10px; background:#fbfcf8; color:var(--ink); }
.auth-card input:focus { background:#fff; border-color:var(--ink); }
.auth-card input::placeholder { color:#7b8c84; }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:16px; min-height:52px; padding:13px 22px; background:var(--ink); border:1px solid var(--ink); color:#fff; border-radius:10px; text-decoration:none; cursor:pointer; font-weight:700; font-size:13px; }
.btn:hover { background:#235b4b; }
.btn span[aria-hidden] { font-size:21px; line-height:1; }
.btn.quiet { background:var(--pale); color:var(--ink); border-color:var(--line); }
.form-link { margin:19px 0 0; text-align:center; font-size:12px; font-weight:650; }
.form-help { border-top:1px solid var(--line); padding-top:21px; margin:30px 0 0; color:var(--muted); font-size:12px; line-height:1.8; }
.form-help a { color:var(--ink); font-weight:650; }
.attn { background:#fff1e8; border:1px solid #e2bb9e; border-radius:10px; color:#713c1b; padding:12px 14px; margin-top:22px; font-size:13px; }
.muted { color:var(--muted); }
.small { font-size:12px; }
.auth-card>p:not([class]) { color:var(--muted); font-size:14px; }
.auth-footer { padding:0 0 24px; font-size:11px; color:var(--muted); }
.auth-footer nav { display:flex; gap:24px; }
.auth-footer a { text-decoration:none; }
.auth-footer a:hover { text-decoration:underline; }
@media (min-width:1500px) { .auth-layout { max-height:760px; min-height:640px; margin-block:auto; } .auth-footer { padding-top:26px; } }
@media (max-width:1000px) { .auth-header,.auth-footer,.auth-layout { width:calc(100% - 56px); } .brand-panel { padding:44px 32px 32px; } .form-panel { padding:44px 32px; } .journey { gap:13px; } }
@media (max-width:720px) {
  .auth-header,.auth-footer,.auth-layout { width:calc(100% - 36px); }
  .auth-header { min-height:82px; gap:12px; }
  .brand { font-size:24px; gap:5px; }
  .brand svg { width:28px; height:28px; }
  .back-link { font-size:11px; }
  .back-link span { margin-right:3px; }
  .auth-layout { grid-template-columns:1fr; margin-top:6px; border-radius:20px; flex:initial; }
  .form-panel { grid-row:1; padding:32px 26px 35px; }
  .workspace-icon { margin-bottom:22px; }
  h1 { font-size:34px; }
  .brand-panel { padding:30px 26px; }
  h2 { font-size:32px; }
  h2 br { display:none; }
  h2 span { display:block; margin-top:6px; }
  .panel-description { max-width:none; margin:15px 0 0; font-size:12px; }
  .journey,.panel-note { display:none; }
  .auth-footer { font-size:10px; padding-bottom:20px; gap:14px; }
  .auth-footer nav { gap:16px; }
}
@media (prefers-reduced-motion:no-preference) { .btn { transition:background .15s; } }