:root {
      --primary-blue: #0B1D51;
      --secondary-gray: #f0f0f0;
      --transition-speed: 0.4s;
    }
    * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Times New Roman', Times, serif; }
    body { background: #fff; color: var(--primary-blue); }
    /* Header */
    .site-header {
      background: #fff;
      padding: 1rem 2rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .site-header img { max-height: 60px; } { max-height: 80px; }
    /* Navbar */
    nav { background: var(--primary-blue); position: sticky; top: 0; z-index: 100; }
    nav ul { display: flex; justify-content: center; list-style: none; padding: 1rem; }
    nav li { position: relative; margin: 0 1rem; }
    nav a { color: #fff; text-decoration: none; transition: color var(--transition-speed); }
    nav a::after { content: ''; position: absolute; width: 0; height: 2px; background: #FFD700; bottom: -4px; left: 50%; transition: width var(--transition-speed), left var(--transition-speed); }
    nav a:hover { color: #FFD700; }
    nav li:hover > a::after { width: 100%; left: 0; }
    .has-dropdown:hover .dropdown-menu { display: block; }
    .dropdown-menu { display: none; position: absolute; top: 100%; left: 0; background: var(--primary-blue); list-style: none; padding: 0.5rem 0; min-width: 180px; }
    .dropdown-menu li a { display: block; padding: 0.5rem 1rem; color: #fff; white-space: nowrap; transition: background var(--transition-speed); }
    .dropdown-menu li a:hover { background: #0A173F; }
    /* Hero with dynamic typing */
    .hero { margin-top: 4rem; height: 70vh; background: var(--primary-blue); display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; position: relative; }
    .hero::before { content: ''; position: absolute; inset: 0; background: rgba(11,29,81,0.6); }
    .hero-content { position: relative; max-width: 90%; padding: 0 3rem; animation: fadeIn 1s ease-out; }
    .hero h1 { font-size: 3rem; white-space: nowrap; overflow: hidden; border-right: 2px solid #fff; height: 4rem; }
    .hero p { font-size: 1.5rem; margin-top: 1rem; opacity: 0; transition: opacity var(--transition-speed); }
    .hero p.visible { opacity: 1; }
    .hero .cta { display: inline-block; margin-top: 2rem; padding: 0.75rem 1.5rem; border: 2px solid #FFD700; color: #FFD700; transition: background var(--transition-speed), color var(--transition-speed); }
    .hero .cta:hover { background: #FFD700; color: var(--primary-blue); }
    /* Features Cards */
    #features { display: flex; justify-content: space-around; flex-wrap: wrap; gap: 1.5rem; padding: 4rem 2rem; background: var(--secondary-gray); }
    .card { position: relative; width: calc(33% - 1rem); min-width: 250px; height: 300px; background-size: cover; background-position: center; border-radius: 12px; overflow: hidden; transition: transform var(--transition-speed), box-shadow var(--transition-speed); cursor: pointer; }
    .card:nth-child(1) { background-image: url('foto-slide.jpg'); }
    .card:nth-child(2) { background-image: url('news-slide.jpg'); }
    .card:nth-child(3) { background-image: url('altro-slide.jpg'); }
    .card:hover { transform: scale(1.05); box-shadow: 0 8px 20px rgba(0,0,0,0.2); }
    .card-overlay { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; background: var(--primary-blue); color: #fff; text-align: center; padding: 1rem; opacity: 0.9; }
    .card-overlay h3 { margin-bottom: 0.5rem; }
    /* Newsletter */
    #newsletter { background: var(--primary-blue); color: #fff; padding: 2rem; text-align: center; }
    #newsletter form { display: flex; justify-content: center; flex-wrap: wrap; gap: 1rem; max-width: 600px; margin: 0 auto; }
    #newsletter input, #newsletter button { font-family: inherit; padding: 0.75rem; border-radius: 5px; border: none; }
    #newsletter button { background: #FFD700; color: var(--primary-blue); cursor: pointer; }
    /* Partners Slider */
    #partners { background: #fff; padding: 4rem 2rem; text-align: center; overflow: hidden; }
    .partners-track {
      display: flex;
      /* doppio set di loghi già presente */
      animation: scroll 30s linear infinite;
      /* nessun gap per continuità */
    }
    .partner-item { flex: 0 0 200px; width: 200px; height: 80px; }
    .partner-item img { width: 100%; height: 100%; object-fit: contain; filter: grayscale(100%); transition: filter var(--transition-speed); }
    .partner-item img:hover { filter: none; }
    @keyframes scroll {
      0% { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }
      100% { transform: translateX(-100%); }
    } 100% { transform: translateX(-50%); } }
    /* About Sections */
    #statuto, #associarsi { padding: 4rem 2rem; text-align: center; }
    /* News */
    #news { padding: 4rem 2rem; text-align: center; }
    /* Footer */
    footer { background: var(--primary-blue); color: #fff; padding: 2rem; }
    .footer-container { display: flex; flex-wrap: wrap; justify-content: space-between; }
    .footer-info p { margin-bottom: 0.5rem; }
    .social-links a { color: #fff; font-size: 1.5rem; margin-left: 1rem; transition: transform var(--transition-speed); }
    .social-links a:hover { transform: scale(1.1); color: #FFD700; }
    .footer-copy { text-align: center; margin-top: 1rem; font-size: 0.8rem; border-top: 1px solid rgba(255,255,255,0.2); padding-top: 1rem; }
    @keyframes blinkCursor { 0%,49%{border-right-color:#fff;}50%,100%{border-right-color:transparent;} }
    @keyframes fadeIn { from{opacity:0;}to{opacity:1;} }