/* Сторінка входу. Свій маленький css, щоб не тягнути весь app.css до логіну. */
:root{
  --bg:#06070e; --surface:#0b0c1a; --line:rgba(147,51,234,.18);
  --txt:#edecea; --muted:#8b8bab; --acc:#9333ea; --acc-2:#a855f7; --bad:#ef4444;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%;background:var(--bg);color:var(--txt);
  font:14px/1.5 "DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  -webkit-font-smoothing:antialiased}
body{display:flex;align-items:center;justify-content:center;padding:24px;
  background:radial-gradient(900px 500px at 50% -10%,rgba(147,51,234,.14),transparent 70%),var(--bg)}
form{width:100%;max-width:330px;background:var(--surface);border:1px solid var(--line);
  padding:32px 26px;display:flex;flex-direction:column;gap:12px;text-align:center}
.logo{width:44px;height:44px;margin:0 auto 4px;background:var(--acc);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;
  clip-path:polygon(0 0,100% 0,100% 74%,74% 100%,0 100%)}
h1{margin:0;font-size:22px;letter-spacing:.1em;text-transform:uppercase;font-weight:700}
.sub{margin:0 0 10px;color:var(--muted);font-size:12px}
input{width:100%;padding:12px 13px;background:#12142a;border:1px solid var(--line);
  color:var(--txt);font:inherit;border-radius:2px;outline:none}
input:focus{border-color:var(--acc-2);box-shadow:0 0 0 3px rgba(147,51,234,.16)}
button{width:100%;padding:12px;background:var(--acc);color:#fff;border:0;border-radius:2px;
  font:600 14px/1 inherit;cursor:pointer;letter-spacing:.02em}
button:hover:not(:disabled){background:var(--acc-2)}
button:disabled{opacity:.55;cursor:default}
#err{color:var(--bad);font-size:12px;min-height:16px}