:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#0d1015;color:#edf3f7}*{box-sizing:border-box}body{min-height:100dvh;margin:0;display:grid;place-items:center;padding:24px}main{width:min(100%,440px);padding:36px;border:1px solid #293744;border-radius:24px;background:#151d26}.marca{color:#8fe2c3;letter-spacing:.2em;font-weight:800;font-size:20px}h1{font-size:30px;line-height:1.2}.ayuda{color:#aebdcb;line-height:1.6}form{display:grid;gap:12px;margin-top:32px}label{font-weight:600}input,button{font:inherit;border-radius:10px;padding:14px;min-width:0}input{width:100%;border:1px solid #526579;background:#0d1015;color:#fff;margin-bottom:8px}input:focus-visible,button:focus-visible{outline:3px solid #8fe2c3;outline-offset:3px}button{border:0;background:#8fe2c3;color:#10251e;font-weight:750;cursor:pointer;margin-top:8px}button:disabled{opacity:.6;cursor:wait}#estado{min-height:24px;color:#ffd3c7;line-height:1.5;margin-bottom:0}@media(max-width:480px){main{padding:24px}h1{font-size:26px}}