:root{--blu:#2b5d8a;--blu-scuro:#1c2b3a;--oro:#a06a10;--verde:#3a8a5c;--rosso:#b0413e;--grigio:#4a5a6a;--bordo:#c9d4de;--sfondo:#f4f7fa;--carta:#ffffff}*{box-sizing:border-box}body{margin:0;background:var(--sfondo);color:var(--blu-scuro);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:17px;line-height:1.5}a{color:var(--blu)}header.barra{background:var(--blu);color:#fff;padding:12px 20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}header.barra a{color:#fff;text-decoration:none}header.barra .marchio{font-weight:700;font-size:18px}header.barra nav{display:flex;gap:14px;flex-wrap:wrap;margin-left:auto;align-items:center}header.barra nav a{padding:6px 10px;border-radius:6px}header.barra nav a:hover{background:rgba(255,255,255,.15)}main{max-width:980px;margin:0 auto;padding:24px 20px 80px}h1{font-size:28px;margin:8px 0 4px}h1,h2{color:var(--blu)}h2{font-size:21px;margin:28px 0 8px}h3{font-size:18px;margin:20px 0 6px}p.guida{color:var(--grigio);margin-top:0}.carta{background:var(--carta);border:1px solid var(--bordo);border-radius:10px;padding:18px 20px;margin:14px 0}.carte{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.carta h3{margin-top:0}.carta.azione{display:block;text-decoration:none;color:inherit}.carta.azione:hover{border-color:var(--blu);box-shadow:0 2px 10px rgba(43,93,138,.12)}.pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:13px;font-weight:600}.pill.grigia{background:#e8eef4;color:var(--grigio)}.pill.blu{background:#e3edf6;color:var(--blu)}.pill.verde{background:#e6f4ec;color:var(--verde)}.pill.oro{background:#fbf1de;color:var(--oro)}.pill.rossa{background:#f8e7e6;color:var(--rosso)}label{display:block;font-weight:600;margin:14px 0 4px}input[type=email],input[type=password],input[type=text],select,textarea{width:100%;padding:10px 12px;border:1px solid var(--bordo);border-radius:8px;font-size:17px;font-family:inherit;background:#fff}textarea{min-height:80px;resize:vertical}.bottone,button{background:var(--blu);color:#fff;border:0;border-radius:8px;padding:11px 18px;font-size:17px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block}.bottone:hover,button:hover{background:#22496d}.bottone.secondario,button.secondario{background:#fff;color:var(--blu);border:1px solid var(--blu)}button.verde{background:var(--verde)}.bottone.piccolo,button.piccolo{padding:6px 12px;font-size:15px}table{width:100%;border-collapse:collapse;margin:12px 0;font-size:16px}td,th{text-align:left;padding:8px 10px;border-bottom:1px solid var(--bordo);vertical-align:top}th{background:#eef3f8;font-size:14px;text-transform:uppercase;letter-spacing:.3px;color:var(--grigio)}.avviso{border-left:4px solid var(--oro);background:#fdf8ee;padding:12px 16px;border-radius:6px;margin:14px 0}.avviso.rosso{border-color:var(--rosso);background:#fdf1f0}.avviso.verde{border-color:var(--verde);background:#eef7f1}.barra-avanzamento{background:#e8eef4;border-radius:999px;height:10px;overflow:hidden}.barra-avanzamento>div{background:var(--verde);height:100%}.domanda{border:1px solid var(--bordo);border-radius:10px;padding:14px 16px;margin:12px 0;background:#fff}.domanda.risposta{border-left:4px solid var(--verde)}.domanda .numero{color:var(--grigio);font-size:14px;font-weight:700}.domanda .esempio{background:#f6f9fc;border-radius:6px;padding:8px 12px;font-size:15px;color:var(--grigio);margin:8px 0}.tipi{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 4px}.tipi button{background:#fff;color:var(--blu);border:1px solid var(--bordo);font-size:15px;padding:6px 12px}.tipi button.scelto{background:var(--blu);color:#fff;border-color:var(--blu)}.dropzone{border:2px dashed var(--bordo);border-radius:12px;padding:28px;text-align:center;background:#fff;color:var(--grigio)}.dropzone.sopra{border-color:var(--blu);background:#f2f7fc}.piede{color:var(--grigio);font-size:14px;margin-top:40px;border-top:1px solid var(--bordo);padding-top:14px}.riga-file{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.riga-file .nome{font-weight:600}.muto{color:var(--grigio);font-size:15px}@media (max-width:600px){main{padding:16px 14px 60px}h1{font-size:24px}body{font-size:16px}}