/* Variabili CSS critiche */
        :root{--bg-primary:#0a0e17;--bg-card:#1a2332;--text-primary:#f9fafb;--text-secondary:#9ca3af;--energy-green:#10b981;--energy-blue:#3b82f6;--border-color:#374151;--font-sans:'DM Sans',-apple-system,sans-serif}
        /* Reset critico */
        *,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
        html{scroll-behavior:smooth}
        body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}
        /* Header critico per layout stabile */
        .header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(10,14,23,0.85);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);padding:0 2rem;}
        /* Pulsante Area Riservata */
        .btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:transparent;border:1px solid var(--energy-green);color:var(--energy-green);border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;transition:all 0.2s}
        .btn-secondary:hover{background:var(--energy-green);color:#fff}
        /* Overlay costruzione critico */
        .overlay-costruzione{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 25%,#00b894 50%,#0984e3 75%,#667eea 100%);background-size:400% 400%;animation:gradienteOverlay 15s ease infinite}
        .overlay-costruzione.nascosto{display:none!important}
        @keyframes gradienteOverlay{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
        .overlay-card{background:rgba(255,255,255,0.95);border-radius:24px;padding:3rem 2.5rem;max-width:600px;width:90%;text-align:center;box-shadow:0 25px 50px -12px rgba(0,0,0,0.25)}
        .overlay-icona{font-size:5rem;margin-bottom:1.5rem;animation:pulsazioneIcona 2s ease-in-out infinite}
        @keyframes pulsazioneIcona{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
        .overlay-titolo{font-size:2.5rem;font-weight:700;color:#2d3436;margin-bottom:1rem}
        .overlay-titolo span{background:linear-gradient(135deg,#00b894,#0984e3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
        /* Nasconde particelle durante caricamento critico */
        .overlay-particella{display:none}
        /* Link Area Riservata nell'overlay */
        .overlay-link-login{display:inline-block;margin-top:1rem;padding:12px 28px;background:linear-gradient(135deg,#10b981,#3b82f6);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:transform 0.2s,opacity 0.2s}
        .overlay-link-login:hover{transform:translateY(-2px);opacity:0.9}