/* מסך הכניסה. אותם טוקנים כמו המסך הראשי, שתי ערכות; בהיר = ברירת מחדל. */
@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@300;400;600;700&display=swap');

:root{
  --bg:#f4f5f6; --surface:#ffffff;
  --ink:#15181b; --ink-dim:#565d64; --ink-faint:#8b9298;
  --accent:#3d8a28; --accent-wash:rgba(61,138,40,.09);
  --brd:rgba(0,0,0,.14);
  --err:#b3261e;
  --body:'Assistant',-apple-system,'Segoe UI',sans-serif;
}
:root[data-theme="dark"]{
  --bg:#0d0d0d; --surface:rgba(255,255,255,.055);
  --ink:#f4f7f9; --ink-dim:rgba(244,247,249,.62); --ink-faint:rgba(244,247,249,.34);
  --accent:#5bc23f; --accent-wash:rgba(91,194,63,.10);
  --brd:rgba(255,255,255,.12);
  --err:#ff9b9b;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  background:var(--bg); color:var(--ink); font-family:var(--body);
  min-height:100dvh; display:grid; place-items:center; padding:24px;
  -webkit-font-smoothing:antialiased;
}
/* נשימה אחת של צבע ברקע — לא גרדיאנט על כל המסך */
body::before{
  content:''; position:fixed; inset:0; pointer-events:none;
  background:radial-gradient(60vmax 60vmax at 50% 0%, var(--accent-wash), transparent 70%);
}
.gate{ position:relative; width:100%; max-width:360px; text-align:center }
.mark{
  font-weight:800; font-size:20px; letter-spacing:.14em;
  color:var(--ink-faint); margin-bottom:28px;
}
.mark span{ color:var(--accent) }
h1{ font-size:23px; font-weight:700; letter-spacing:-.01em }
.sub{ margin-top:8px; font-size:14.5px; font-weight:400; color:var(--ink-dim) }
form{ margin-top:26px; display:grid; gap:12px }
input{
  font-family:inherit; font-size:16px; color:var(--ink); text-align:center;
  background:var(--surface); border:1px solid var(--brd); border-radius:12px;
  padding:14px 16px; width:100%;
}
input::placeholder{ color:var(--ink-faint) }
input:focus-visible{ outline:2px solid var(--accent); outline-offset:1px; border-color:transparent }
button{
  font-family:inherit; font-size:15.5px; font-weight:700; color:#fff;
  background:var(--accent); border:none; border-radius:999px;
  padding:13px 26px; cursor:pointer;
}
:root[data-theme="dark"] button{ color:#07130a }
button:hover{ filter:brightness(1.06) }
button[disabled]{ opacity:.55; cursor:default; filter:none }
button:focus-visible{ outline:2px solid var(--ink); outline-offset:2px }
.err{ font-size:13.5px; color:var(--err); min-height:1em }
.sr{
  position:absolute; width:1px; height:1px; overflow:hidden;
  clip-path:inset(50%); white-space:nowrap;
}