/* Login-gate + delte formularfelter (.field)
   Udtrukket fra index.html (linje 63-83 i den oprindelige <style>-blok).
   Raekkefoelgen af <link>-tags i index.html skal bevares - kaskaden afhaenger af den. */

/* ---------- login gate ---------- */
.gate{min-height:100%;display:grid;place-items:center;padding:1.5rem;
  background:
    radial-gradient(60% 70% at 85% 0%, rgba(245,138,130,.22), transparent 60%),
    radial-gradient(55% 65% at 0% 100%, rgba(255,178,125,.22), transparent 60%),
    var(--paper);
}
.gate-card{background:var(--white);border-radius:24px;box-shadow:var(--shadow);
  width:min(440px,100%);padding:2.2rem;border:1px solid rgba(186,191,191,.5)}
.gate-card .mark{width:62px;height:62px;border-radius:16px;background:var(--grad);
  display:grid;place-items:center;margin-bottom:1.1rem}
.gate-card .mark svg{width:34px;height:34px}
.gate-card h1{font-size:1.7rem;letter-spacing:-.01em}
.gate-card p.lead{color:var(--slate);font-weight:500;margin:.4rem 0 1.4rem}
.field{margin-bottom:.9rem}
.field label{display:block;font-size:.78rem;font-weight:700;text-transform:uppercase;
  letter-spacing:.06em;color:var(--slate);margin-bottom:.35rem}
.field input,.field select{width:100%;padding:.7rem .8rem;border:1.5px solid var(--line);
  border-radius:var(--radius-sm);font:inherit;background:var(--paper-soft);color:var(--ink)}
.field input:focus,.field select:focus{border-color:var(--gold);outline:none}
.demo-note{font-size:.78rem;color:var(--slate);margin-top:1rem;line-height:1.45}
.gate-submit{width:100%;justify-content:center;margin-top:.4rem}

/* Flyttet hertil fra calendar.css, hvor den laa som en efterladt regel:
   den hoerer sammen med de oevrige .field-kontroller ovenfor. */
.field textarea{width:100%;padding:.7rem .8rem;border:1.5px solid var(--line);border-radius:var(--radius-sm);font:inherit;background:var(--paper-soft);color:var(--ink);resize:vertical}
.field textarea:focus{border-color:var(--gold);outline:none}