:root { --bg:#0f0d11; --text:#f6f1e8; --muted:rgba(246,241,232,.58); --accent:#ffc861; --line:rgba(255,255,255,.14); color-scheme:dark; }
* { box-sizing:border-box; }
html,body { margin:0; min-height:100%; }
body { background: radial-gradient(90% 60% at 80% 0%, #2a1f17 0%, transparent 60%), var(--bg); color:var(--text);
  font-family:"IBM Plex Sans Hebrew", -apple-system, sans-serif; font-size:18px; -webkit-font-smoothing:antialiased; min-height:100vh; }
.gate { max-width:360px; margin:0 auto; padding:16vh 24px 40px; display:grid; gap:10px; }
h1 { font-family:"Karantina", sans-serif; font-size:84px; line-height:.8; margin:18px 0 0; letter-spacing:.01em; }
.sub { margin:0 0 26px; color:var(--muted); }
form { display:grid; gap:10px; }
label { font-size:14px; color:var(--muted); }
input { font:inherit; color:inherit; background:rgba(255,255,255,.07); border:1px solid var(--line); border-radius:14px; padding:14px 16px; }
input:focus-visible, button:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
button { font:inherit; font-weight:600; background:var(--accent); color:#1b1307; border:0; border-radius:14px; padding:14px; cursor:pointer; }
button:disabled { opacity:.6; }
.err { color:#ff8a78; min-height:1.4em; margin:0; font-size:15px; }
.hint { color:var(--muted); font-size:14px; margin-top:20px; }
.mark { display:flex; gap:5px; align-items:center; height:34px; }
.mark span { width:5px; border-radius:3px; background:var(--accent); animation:b 1.6s ease-in-out infinite; }
.mark span:nth-child(1){height:30%;animation-delay:-.2s}.mark span:nth-child(2){height:70%;animation-delay:-.4s}.mark span:nth-child(3){height:100%;animation-delay:-.6s}
.mark span:nth-child(4){height:55%;animation-delay:-.8s}.mark span:nth-child(5){height:85%;animation-delay:-1s}.mark span:nth-child(6){height:40%;animation-delay:-1.2s}.mark span:nth-child(7){height:20%;animation-delay:-1.4s}
@keyframes b { 50% { transform:scaleY(.45); } }
@media (prefers-reduced-motion: reduce) { .mark span { animation:none; } }