:root{--paper:#0A0A0C;--card:#141417;--line:#2A2A31;--ink:#F4F1EA;--ink-2:#D7D2C8;--ink-3:#928C81;--gold:#D4AF37}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;padding:16px;background:var(--paper);color:var(--ink-2);font:15px/1.5 Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
main{width:100%;max-width:400px;background:var(--card);border:1px solid var(--line);border-radius:6px;padding:32px 28px}
h1{margin:0 0 8px;font:400 26px/1.2 Fraunces,Georgia,serif;color:var(--ink)}
p{margin:0 0 20px;color:var(--ink-3)}
.aviso{color:#E38B7F}
.aviso:empty{display:none}
.btn,.emp{display:block;width:100%;padding:12px 14px;border-radius:4px;text-align:center;text-decoration:none;font-weight:600}
.btn{background:var(--gold);color:#0A0A0C}
.emp{margin-bottom:8px;border:1px solid var(--line);color:var(--ink);text-align:left}
.emp:hover{border-color:var(--gold)}
small{display:block;margin-top:18px;color:var(--ink-3)}
small a{color:var(--ink-3)}
form{display:grid;gap:14px}
label{display:grid;gap:6px;font-size:13px;color:var(--ink-3)}
input{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:4px;background:var(--paper);color:var(--ink);font:inherit;font-size:15px}
input:focus{outline:none;border-color:var(--gold)}
button.btn{border:0;font:inherit;font-weight:600;cursor:pointer;margin-top:4px}