/* Sign-in page of the designer on its own domain (auth.py); the atlas look of app.css in miniature. */
:root{--paper:#f4eedd;--paper-3:#fbf8ef;--ink:#17221b;--ink-2:#39453c;--ink-3:#5b655b;--rule-2:#b9ad8c;--forest:#2d5a3d;--signal:#c2440d;--danger:#a8261b;--danger-soft:#f4d9d2;
  --sans:'Public Sans',system-ui,sans-serif;--sign:'Archivo','Public Sans',system-ui,sans-serif}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:var(--paper);color:var(--ink);font:15px/1.5 var(--sans);display:grid;place-items:start center}
.si{width:100%;max-width:400px;padding:12vh 22px 40px}
.si-logo{width:52px;height:56px}
.sh-body{fill:var(--forest);stroke:var(--ink);stroke-width:1.4}
.sh-road{fill:none;stroke:var(--paper);stroke-width:1.8;stroke-linecap:round}
.sh-dash{fill:none;stroke:#f08a3c;stroke-width:1.6;stroke-linecap:round}
h1{font:800 34px/1.05 var(--sign);font-stretch:75%;margin:14px 0 6px}
.si-lead{color:var(--ink-2);margin:0 0 22px}
label{display:block;font:700 12px/1 var(--sign);font-stretch:87.5%;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin:14px 0 6px}
input{width:100%;font:inherit;padding:11px 12px;border:1.5px solid var(--ink);border-radius:2px;background:var(--paper-3);color:var(--ink)}
input:focus{outline:2px solid var(--signal);outline-offset:1px}
button{margin-top:20px;width:100%;padding:13px;border:0;border-radius:3px;background:var(--signal);color:var(--paper-3);font:800 15px/1 var(--sign);font-stretch:87.5%;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
button:hover{background:#b13d0a}
.si-error{border-left:4px solid var(--danger);background:var(--danger-soft);padding:9px 12px;margin:0 0 6px}
.si-note{color:var(--ink-3);font-size:13px;margin-top:18px}