:root{--fondo:#0e131b;--texto:#e8edf5;--suave:#9aa6b8;--borde:#2a3444;--campo:#151c27;--oro:#ffc65c;--sobre-oro:#1b1406;--coral:#ff8a70}
@media (prefers-color-scheme:light){:root{--fondo:#f6f7fa;--texto:#1a2230;--suave:#556072;--borde:#d3d9e3;--campo:#fff;--oro:#b87a0c;--sobre-oro:#fff;--coral:#b3401f}}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--fondo);color:var(--texto);font:15px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;padding:16px}
main{width:100%;max-width:380px}
.logo{height:34px;margin-bottom:18px}
h1{font-size:22px;font-weight:600;margin:0 0 8px}
p{color:var(--suave);margin:0 0 18px}
label{display:block;font-size:13px;color:var(--suave);margin:12px 0 4px}
input{width:100%;padding:10px 12px;border-radius:9px;border:1px solid var(--borde);background:var(--campo);color:var(--texto);font:inherit}
button,a.boton{display:inline-block;margin-top:18px;padding:10px 18px;border:0;border-radius:20px;background:var(--oro);color:var(--sobre-oro);font-family:inherit;font-weight:600;font-size:14px;cursor:pointer;text-decoration:none}
#aviso{color:var(--coral);margin-top:12px;min-height:1em}