/* Area riservata: colori e caratteri della landing (Main.dc.html). */
:root { --fondo: #000c1e; --testo: #f6f8f9; --tenue: #8a99a8; --bordo: #1a2a3e; --accento: #0084d5; --accento-chiaro: #369fee; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--fondo); color: var(--testo); font: 16px/1.5 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif; }
.testa { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 24px; border-bottom: 1px solid var(--bordo); }
.marchio img { height: 32px; display: block; }
.testa form { margin: 0; }
main { max-width: 880px; margin: 0 auto; padding: 48px 16px; }
h1 { font-size: 32px; margin: 0 0 8px; }
.saluto, .vuoto { color: var(--tenue); margin: 0 0 32px; }
.avviso { color: #f2b84b; }
a { color: var(--accento-chiaro); }
.bottone, button { display: inline-block; font: inherit; font-weight: 600; padding: 8px 18px; border-radius: 8px; border: 1px solid var(--accento); background: var(--accento); color: #fff; text-decoration: none; cursor: pointer; }
.secondario { background: transparent; color: var(--testo); border-color: var(--bordo); }
.app { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; }
.app a { display: flex; flex-direction: column; gap: 6px; height: 100%; padding: 20px; border: 1px solid var(--bordo); border-radius: 12px; color: var(--testo); text-decoration: none; }
.app a:hover { border-color: var(--accento); }
.app img { height: 36px; width: auto; align-self: flex-start; margin-bottom: 6px; }
.app span { color: var(--tenue); font-size: 14px; flex: 1; }
.app em { font-style: normal; color: var(--accento-chiaro); font-weight: 600; font-size: 14px; }
.azioni { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.azioni form { margin: 0; }
.legale { max-width: 760px; color: #d6dce2; line-height: 1.7; }
.legale h1, .legale h2 { color: #f6f8f9; }