:root{--fondo:#000;--texto:#fff;--suave:#b3b3b3;--campo:#fff;--campo-texto:#555;--prefijo:#eee;--acento:#ffd157;--acento-texto:#111;--error:#ff8a80;--ok:#a5d6a7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--fondo);min-height:100vh;color:var(--texto);margin:0;font:15px/1.45 Helvetica Neue,Helvetica,Arial,sans-serif}.caja{width:100%;max-width:440px;margin:0 auto;padding:32px 16px 40px}.logo{width:190px;height:auto;margin:0 auto 24px;display:block}h1{margin:0 0 18px;font-size:22px;font-weight:700}.demo{border:1px dashed var(--acento);color:var(--acento);text-align:center;border-radius:6px;margin:0 0 16px;padding:6px 10px;font-size:13px}.entrar{background:var(--acento);width:100%;height:50px;color:var(--acento-texto);font:inherit;text-transform:uppercase;cursor:pointer;border:0;border-radius:8px;margin-top:4px;font-weight:700}.aviso{background:#1a1a1a;border-radius:6px;margin:0 0 16px;padding:10px 12px;font-size:14px}.aviso[data-tipo=error]{color:var(--error)}.aviso[data-tipo=ok]{color:var(--ok)}.pie{color:var(--suave);text-align:center;margin:36px 0 0;font-size:14px}.pie a,.legal a,.texto a{color:var(--texto)}.legal{text-align:center;margin:28px 0 0;font-size:12px}.texto p{color:var(--suave)}