:root{--tinto:#6E1F78;--tinto-osc:#561860;--tinta:#1E1E22;--tinta2:#5E5E66;--fondo:#F3F3F5;--borde:#E2E2E7;--blanco:#FFFFFF}
*{box-sizing:border-box}html,body{margin:0;height:100%}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--fondo);color:var(--tinta);display:grid;place-items:center;padding:16px}
main{background:var(--blanco);border:1px solid var(--borde);border-radius:14px;width:100%;max-width:400px;padding:40px 36px}
.marca{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--tinto);font-weight:700;margin:0 0 28px}
h1{font-size:24px;line-height:1.25;margin:0 0 8px;font-weight:650}
p{color:var(--tinta2);line-height:1.55;margin:0 0 24px;font-size:15px}
.boton{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:13px 16px;border-radius:10px;background:var(--tinto);color:#fff;font-size:15px;font-weight:600;text-decoration:none;border:0;cursor:pointer;font-family:inherit}
.boton:hover{background:var(--tinto-osc)}.boton:focus-visible{outline:3px solid #C9A3CF;outline-offset:2px}
.sec{background:transparent;color:var(--tinto);border:1px solid var(--borde);margin-top:10px}.sec:hover{background:var(--fondo)}
.nota{font-size:13px;margin:20px 0 0;color:var(--tinta2)}
b{color:var(--tinta)}
@media (prefers-color-scheme:dark){:root{--tinta:#ECECF0;--tinta2:#A6A6B0;--fondo:#141416;--borde:#2C2C32;--blanco:#1C1C20}.sec:hover{background:#26262B}}