/* ============================================================
   login.css — tela de acesso/criar acesso (auth.php). Autônoma.
   ============================================================ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',sans-serif;background:#eef1f8;min-height:100vh;display:flex;align-items:center;justify-content:center;color:#1b2b5e}
.card{background:#fff;border:1px solid #e7ebf3;border-radius:18px;padding:38px 34px;width:100%;max-width:400px;margin:20px;box-shadow:0 14px 40px rgba(27,43,94,.10)}
.brand{display:flex;align-items:center;gap:9px;font-size:20px;font-weight:700}
.brand .dot{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#5b21b6,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px}
h1{font-size:16px;font-weight:600;margin:18px 0 3px}
p.sub{font-size:13px;color:#6b7aa0;margin-bottom:20px}
label{font-size:11px;color:#6b7aa0;text-transform:uppercase;letter-spacing:.05em;display:block;margin:0 0 5px 2px;font-weight:600}
.field{margin-bottom:14px}
input{width:100%;padding:11px 13px;border:1px solid #e2e8f2;border-radius:10px;font-size:14px;outline:none;font-family:inherit;background:#fff}
input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.10)}
button{width:100%;padding:12px;background:#5b21b6;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;margin-top:4px;transition:.15s}
button:hover{background:#4c1d95}
.err{background:#fee2e2;color:#991b1b;padding:9px 12px;border-radius:9px;font-size:12.5px;margin-bottom:14px;line-height:1.4}