*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#12141a;color:#e8e8ee;min-height:100vh;display:flex;justify-content:center;padding:24px}
main{width:100%;max-width:440px;background:#1c1f28;border-radius:14px;padding:28px 24px;align-self:flex-start;margin-top:4vh}
.marca{display:flex;align-items:center;gap:10px;margin-bottom:18px;font-size:18px}
.logo{display:inline-flex;width:34px;height:34px;border-radius:9px;background:#4f8cff;color:#fff;align-items:center;justify-content:center;font-weight:700}
h1{font-size:24px;margin:0 0 8px}.sub{color:#a9adbb;margin:0 0 20px;line-height:1.5}
label{display:block;font-size:14px;color:#c9ccd8;margin-bottom:14px}
input{display:block;width:100%;margin-top:6px;padding:12px;font-size:16px;border-radius:8px;border:1px solid #333847;background:#12141a;color:#fff}
input:focus{outline:2px solid #4f8cff;border-color:transparent}
.cf{min-height:65px;margin:6px 0 14px}
button{width:100%;padding:13px;font-size:16px;font-weight:600;border:0;border-radius:8px;background:#4f8cff;color:#fff;cursor:pointer}
button:disabled{opacity:.55;cursor:default}
#msg{min-height:22px;margin:12px 0 0;font-size:14px}.erro{color:#ff8a8a}.ok{color:#7be0a0}
.passos{color:#a9adbb;font-size:14px;line-height:1.6;padding-left:20px;margin-top:24px}
.peq{color:#7c8090;font-size:12px;margin:12px 0 0}