*{box-sizing:border-box;margin:0;padding:0}
body{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;
  font:14px 'Segoe UI',system-ui,sans-serif;color:#0f172a;
  background:radial-gradient(circle at 20% 15%,#0f8a9c,#075866 45%,#052f38)}
.box{background:#fff;border-radius:16px;padding:32px;width:min(380px,94vw);box-shadow:0 25px 60px rgba(0,0,0,.35)}
.box img{display:block;height:56px;margin:0 auto 14px}
h1{font-size:18px;text-align:center;margin-bottom:8px}
.erro{color:#dc2626;font-size:13px;min-height:19px;margin-bottom:4px;text-align:center}
label{display:block;font-size:12px;color:#64748b;font-weight:600;margin:0 0 4px}
input{width:100%;padding:9px 11px;margin-bottom:12px;border:1px solid #dfeaec;border-radius:8px;font:inherit;color:inherit}
input:focus{outline:2px solid #e0f5f8;border-color:#0aa5ba}
button{width:100%;margin-top:6px;padding:9px 14px;border:0;border-radius:8px;background:#0aa5ba;color:#fff;
  font:inherit;font-weight:600;cursor:pointer}
button:hover{background:#077885}
button:disabled{opacity:.55;cursor:wait}
.links{margin-top:16px;display:flex;justify-content:center;gap:8px;font-size:12.5px;color:#94a3b8}
.links a{color:#0aa5ba;text-decoration:none}
.links a:hover{text-decoration:underline}