*{box-sizing:border-box}
html{color-scheme:dark}
body{margin:0;background:linear-gradient(180deg,#0a1628 0%,#16283f 100%);color:#fff;font-family:'Heebo','Helvetica Neue',Arial,sans-serif;font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased;min-height:100svh}
a{color:#00D4AA}
.testa{display:flex;align-items:center;justify-content:space-between;padding:calc(8px + env(safe-area-inset-top,0px)) 14px 6px;max-width:1100px;margin:0 auto}
.logo{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-family:'Nunito',sans-serif;font-weight:800;font-size:17px}
.logo img{width:34px;height:34px;border-radius:50%}
.lingue{display:flex;gap:2px}
.lingua{color:rgba(255,255,255,.55);text-decoration:none;font-size:12px;font-weight:600;padding:6px 6px;border-radius:8px;min-width:30px;text-align:center}
.lingua.attiva{background:rgba(255,255,255,.1);color:#fff}
main{max-width:1100px;margin:0 auto;padding:6px 14px calc(30px + env(safe-area-inset-bottom,0px))}
h1{font-family:'Nunito',sans-serif;font-weight:900;font-size:clamp(28px,7vw,44px);line-height:1.05;margin:10px 0 6px;letter-spacing:-.5px}
.lead{color:rgba(255,255,255,.72);margin:0 0 18px;max-width:640px;font-size:16px}
h2{font-family:'Nunito',sans-serif;font-weight:800;font-size:15px;letter-spacing:3px;text-transform:uppercase;color:#00D4AA;margin:0 0 6px}
.sotto{color:rgba(255,255,255,.65);margin:0 0 12px;font-size:14px}
.blocco{margin-top:30px}
.storia{background:#1b2c48;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:16px 14px 18px}
.storia h2{color:#FFD700}
.modulo{display:grid;grid-template-columns:1fr;gap:10px}
.modulo label{display:grid;gap:6px}
.modulo label span{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:rgba(255,255,255,.65);font-weight:700}
.modulo input,.modulo select{width:100%;font:inherit;font-size:16px;color:#fff;background:#0f1d33;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:12px;min-height:48px;appearance:none;-webkit-appearance:none}
.modulo select{background-image:linear-gradient(45deg,transparent 50%,#00D4AA 50%),linear-gradient(135deg,#00D4AA 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:36px}
.b{display:inline-flex;align-items:center;justify-content:center;font-family:'Nunito',sans-serif;font-weight:800;font-size:14px;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:10px 12px;min-height:44px;cursor:pointer;text-decoration:none;flex:1}
.b-primo{background:linear-gradient(90deg,#FFD700,#FFB300);color:#0a1628;border:0;font-size:17px;min-height:52px}
.b-cond{background:#00D4AA;color:#0a1628;border-color:#00D4AA}
.b.ok{background:#FFD700;color:#0a1628;border-color:#FFD700}
.esito{margin-top:16px;max-width:360px}
.griglia{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.card{background:rgba(255,255,255,.05);border-radius:16px;padding:8px;display:flex;flex-direction:column;gap:8px}
.anteprima{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;border-radius:12px;background:#0f1d33}
.azioni{display:flex;gap:6px;flex-wrap:wrap}
.azioni .b{padding:8px 6px;font-size:13px;min-height:40px;min-width:calc(50% - 3px)}
.vuoto{color:rgba(255,255,255,.5)}
.novita h2{color:#FFD700}
.bollo{display:inline-block;background:rgba(255,215,0,.14);color:#FFD700;border:1px solid rgba(255,215,0,.3);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700;white-space:nowrap}
.card-novita{background:rgba(255,215,0,.06);border:1px solid rgba(255,215,0,.16)}
.card-novita .tit{margin:0;font-family:'Nunito',sans-serif;font-weight:800;font-size:14px;line-height:1.25;color:rgba(255,255,255,.92)}
.griglia-novita{grid-template-columns:repeat(2,1fr)}
.come ol{margin:0;padding-left:20px;color:rgba(255,255,255,.8);display:grid;gap:8px;font-size:15px}
footer{margin-top:36px;text-align:center}
@media (min-width:720px){
  .griglia{grid-template-columns:repeat(4,1fr)}
  .griglia-novita{grid-template-columns:repeat(3,1fr);max-width:760px}
  .modulo{grid-template-columns:1fr 1.2fr auto;align-items:end}
  .storia{display:grid;grid-template-columns:1fr 300px;grid-template-rows:auto auto 1fr;column-gap:24px;align-items:start}
  .storia h2,.storia .sotto,.storia .modulo{grid-column:1}
  .storia .esito{grid-column:2;grid-row:1/4;margin:0}
  .azioni .b{min-width:0}
}