body{margin:0;font:16px/1.5 system-ui,sans-serif;background:#f4f5f7;color:#1d2433}
main{max-width:22rem;margin:12vh auto;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 2px 12px #0002}
h1{font-size:1.25rem;margin:0 0 1rem}
label{display:block;margin:.75rem 0 .25rem;font-weight:600}
input{box-sizing:border-box;width:100%;padding:.6rem;font:inherit;border:1px solid #8a93a6;border-radius:8px}
button{margin-top:1.25rem;width:100%;padding:.7rem;font:inherit;font-weight:600;color:#fff;background:#1f4fd1;border:0;border-radius:8px;cursor:pointer}
input:focus-visible,button:focus-visible{outline:3px solid #1f4fd1;outline-offset:2px}
.avviso{margin:0 0 1rem;padding:.6rem .8rem;background:#fdecea;color:#8a1c12;border-radius:8px}
.avviso[hidden]{display:none}
@media (prefers-color-scheme:dark){body{background:#12151c;color:#e7eaf0}main{background:#1c212b;box-shadow:none}input{background:#12151c;color:inherit}.avviso{background:#3a1814;color:#ffb4a8}}