*{box-sizing:border-box}html,body{margin:0}body{min-height:100vh;background:#3a3a3a;color:#fff;font:15px "Helvetica Neue",Arial,sans-serif;padding:32px 16px;text-align:center}
h1{display:inline-block;margin:24px 0 0;font-size:clamp(22px,5vw,38px);font-weight:300;border-bottom:3px solid #66c2f2;padding-bottom:6px}
.sub{margin:8px 0 28px;font-size:13px}.box{max-width:410px;margin:0 auto;background:#f4f4f4;color:#333;border-top:4px solid #66c2f2;border-radius:6px;padding:24px;text-align:left}
h2{margin:0 0 8px;font-size:22px}.small{color:#5f6b7a;font-size:13px;margin:0 0 10px}label{display:block;font-weight:700;font-size:13px;margin:12px 0 4px;color:#222}
input{width:100%;padding:10px;font:inherit;border:1px solid #9aa3ad;border-radius:5px;background:#fff}input:focus{outline:0;border-color:#3fa9e0;box-shadow:0 0 0 3px rgba(102,194,242,.35)}
.err{min-height:20px;color:#b3172f;font-size:13.5px;margin:10px 0}button{width:100%;padding:11px;font:inherit;border-radius:4px;cursor:pointer}
.pri{background:#66c2f2;border:1px solid #3fa9e0;color:#222;font-weight:800;text-transform:uppercase}.pri:hover:not(:disabled){background:#8fd3f7}.pri:disabled{opacity:.6}
.lnk{margin-top:10px;background:#fff;border:1px solid #c9c9c9;color:#333;text-decoration:underline;font-size:13px}[hidden]{display:none!important}
.seg{display:flex;gap:0;margin:0 0 18px;border:1px solid #3fa9e0;border-radius:5px;overflow:hidden}
.seg button{flex:1;width:auto;border:0;border-radius:0;background:#fff;color:#333;font-weight:700;padding:10px 6px}
.seg button.on{background:#66c2f2;color:#222}
.check{display:flex;gap:8px;align-items:center;font-weight:400;margin:12px 0 0}.check input{width:auto}
@media (max-width:420px){body{padding:16px 12px}.box{padding:18px}}
.adm{position:fixed;top:12px;right:12px;width:auto;padding:6px 12px;font-size:12.5px;font-weight:800;background:#66c2f2;border:1px solid #3fa9e0;color:#222;border-radius:4px;box-shadow:0 1px 6px rgba(0,0,0,.35)}
.adm:hover{background:#8fd3f7}.adm.on{background:#fff;color:#222;border-color:#c9c9c9}
@media (max-width:420px){h1{margin-top:34px}}
.seg button{font-size:14px}
/* accesso amministratore: colori vivaci */
body.modoAdm{background:linear-gradient(135deg,#6a00f4 0%,#d100a0 50%,#ff6a00 100%);background-attachment:fixed}
body.modoAdm h1{border-bottom-color:#ffe600}
body.modoAdm .box{background:#fff;border-top:6px solid #ff00a8;box-shadow:0 14px 40px rgba(40,0,70,.45)}
body.modoAdm h2{color:#7a00c9}
body.modoAdm .small{color:#4f4a59}
body.modoAdm input:focus{border-color:#d100a0;box-shadow:0 0 0 3px rgba(209,0,160,.3)}
body.modoAdm .pri{background:#ffe600;border-color:#d9b800;color:#2a0044}
body.modoAdm .pri:hover:not(:disabled){background:#fff04d}
body.modoAdm .adm,body.modoAdm .adm.on{background:#fff;border-color:#fff;color:#7a00c9}
body.modoAdm .adm:hover{background:#ffe600;color:#2a0044}
body.modoAdm .err{color:#b0003a}
.ver{margin:14px 0 0;font-size:11px;opacity:.75}