:root{
  --bg:#0a0d13; --card:#141a24; --line:#242e3c; --ink:#e9eef6; --soft:#94a2b8; --dim:#5f6c80;
  --accent:#3ea6ff; --accent2:#7c5cff; --err:#ff6b6b;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{background:
    radial-gradient(1200px 600px at 50% -10%, rgba(62,166,255,.10), transparent 60%),
    radial-gradient(800px 500px at 100% 100%, rgba(124,92,255,.08), transparent 55%),
    var(--bg);
  color:var(--ink); font:16px/1.5 'Segoe UI',system-ui,-apple-system,sans-serif;
  -webkit-font-smoothing:antialiased}
.gate{min-height:100dvh;display:grid;place-items:center;padding:1.25rem}
.card{width:100%;max-width:400px;background:var(--card);border:1px solid var(--line);
  border-radius:20px;padding:2rem 1.6rem 1.5rem;text-align:center;
  box-shadow:0 24px 60px rgba(0,0,0,.45)}
.logo{width:60px;height:60px;margin:0 auto .9rem;border-radius:16px;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-weight:800;
  font-size:1.15rem;letter-spacing:.02em}
h1{margin:0 0 .3rem;font-size:1.4rem}
.sub{margin:0 0 1.6rem;color:var(--soft);font-size:.88rem;line-height:1.45}
.sub span{color:var(--dim);font-size:.8rem}
form{text-align:left;display:flex;flex-direction:column;gap:.35rem}
label{font-size:.78rem;color:var(--soft);margin-top:.6rem}
input{width:100%;background:#0d121a;border:1px solid var(--line);border-radius:12px;
  color:var(--ink);padding:.85rem .9rem;font:inherit;font-size:1rem}
input::placeholder{color:#4b566a}
input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(62,166,255,.15)}
button{margin-top:1.2rem;width:100%;border:0;border-radius:12px;padding:.9rem;font:inherit;
  font-weight:700;font-size:1rem;color:#06121f;cursor:pointer;
  background:linear-gradient(135deg,var(--accent),#5ab4ff);transition:filter .15s,transform .1s}
button:hover:not(:disabled){filter:brightness(1.07)}
button:active:not(:disabled){transform:translateY(1px)}
button:disabled{opacity:.6;cursor:default}
.erro{color:var(--err);font-size:.85rem;margin:.75rem 0 0;min-height:1.2em}
.rodape{margin:1.4rem 0 0;color:var(--dim);font-size:.74rem}
@media (prefers-reduced-motion: reduce){*{transition:none!important}}