:root{color-scheme:light;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:#f4f7fb;color:#17324f}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;background:linear-gradient(155deg,#e5f4ff 0%,#f4f7fb 54%,#e6f6ee 100%)}
.screen{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 18px 20px;gap:22px}
.panel{width:100%;max-width:420px;background:#fff;border:1px solid #dfebf3;border-radius:26px;padding:34px 26px 30px;text-align:center;box-shadow:0 18px 55px rgba(12,60,107,.12)}
.app-icon{width:118px;height:118px;border-radius:27px;object-fit:cover;box-shadow:0 9px 20px rgba(0,66,124,.16)}
.eyebrow{margin:25px 0 7px;font-size:11px;letter-spacing:2px;color:#40718b;font-weight:800}
h1{font-size:clamp(26px,7vw,32px);line-height:1.15;margin:0;color:#0f3559;letter-spacing:-.7px}
.subtitle{font-size:15px;color:#5a7287;line-height:1.55;margin:12px auto 26px}
.primary-button{display:flex;align-items:center;justify-content:center;gap:9px;background:#075985;color:#fff;text-decoration:none;min-height:54px;border-radius:13px;font-size:15px;font-weight:750;padding:12px 16px;box-shadow:0 7px 15px rgba(7,89,133,.22)}
.primary-button:active{transform:translateY(1px)}
.help{font-size:12px;line-height:1.5;color:#63788a;margin:18px auto 0;max-width:330px}
.install-button{margin-top:19px;border:1px solid #b9dbe9;background:#f0faff;color:#075985;border-radius:12px;padding:11px 16px;font-size:14px;font-weight:700;cursor:pointer}
.install-button[hidden]{display:none}
footer{text-align:center;color:#628095;font-size:11px;line-height:1.5}

/* La schermata di avvio e' visibile solo all'apertura dall'icona installata */
.direct-opening{display:none}
.opening-direct .screen{display:none}
.opening-direct .direct-opening{min-height:100svh;padding:32px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}
.direct-opening img{border-radius:18px;box-shadow:0 8px 28px rgba(0,66,124,.14)}
.direct-opening h1{font-size:21px;letter-spacing:normal}
.direct-opening p{margin:0;color:#5a7287;font-size:14px}
.direct-opening a{color:#075985;font-size:13px;margin-top:10px}
.direct-spinner{width:34px;height:34px;border:4px solid #dbeaf5;border-top-color:#075985;border-radius:50%;animation:direct-spin .8s linear infinite}
@keyframes direct-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.direct-spinner{animation:none}}