:root {
      --bg:       #0c1117;
      --bg-card:  #141c26;
      --bg-card2: #19232f;
      --bg-hover: #1e2b3a;
      --gold:     #d4a24e;
      --gold-l:   #e8c47a;
      --gold-d:   #b8862e;
      --text:     #d6dce6;
      --text-m:   #8a95a5;
      --white:    #f0f2f5;
      --border:   rgba(212,162,78,0.15);
      --border2:  rgba(255,255,255,0.06);
      --shadow:   0 8px 32px rgba(0,0,0,0.35);
      --radius:   16px;
      --max:      1180px;
    }
    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{font-family:'Inter',system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.65}
    a{color:var(--gold);text-decoration:none;transition:color .2s}
    a:hover{color:var(--gold-l)}
    img{max-width:100%;height:auto;display:block}
    .container{width:min(calc(100% - 40px),var(--max));margin:0 auto}

    /* ── TOPBAR ── */
    .topbar{background:rgba(212,162,78,0.08);border-bottom:1px solid var(--border)}
    .topbar .container{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:.85rem;color:var(--text-m);flex-wrap:wrap;gap:8px}

    /* ── HEADER / HERO ── */
    .hero{background:linear-gradient(160deg,#0e1520 0%,#162030 50%,#1a2840 100%);padding:56px 0 48px;border-bottom:1px solid var(--border)}
    .hero-inner{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}
    .hero-logo{width:180px;border-radius:12px}
    .hero-badge{display:inline-block;background:rgba(212,162,78,0.12);border:1px solid rgba(212,162,78,0.25);color:var(--gold);padding:6px 16px;border-radius:999px;font-size:.85rem;font-weight:500;margin-bottom:16px}
    .hero h1{font-family:'Playfair Display',serif;font-size:clamp(2.4rem,4.5vw,3.8rem);color:var(--white);line-height:1.08;margin-bottom:14px}
    .hero h1 span{color:var(--gold)}
    .hero .lead{color:var(--text-m);font-size:1.05rem;max-width:56ch}

    /* ── NAV ── */
    .nav-wrap{margin-top:32px;background:rgba(255,255,255,0.03);border:1px solid var(--border2);border-radius:999px;padding:8px 12px;display:flex;gap:4px;flex-wrap:wrap}
    .nav-wrap a{color:var(--text);font-weight:500;padding:8px 16px;border-radius:999px;font-size:.9rem;transition:all .2s}
    .nav-wrap a:hover{background:rgba(212,162,78,0.1);color:var(--gold)}
    .nav-logo{padding:4px 8px;display:flex;align-items:center}
    .nav-logo img{height:32px;width:auto;border-radius:4px}

    /* ── MAIN ── */
    main{padding:40px 0 80px}
    section{background:var(--bg-card);border:1px solid var(--border2);border-radius:var(--radius);box-shadow:var(--shadow);padding:36px;margin-bottom:28px}
    h2{font-family:'Playfair Display',serif;color:var(--gold);font-size:1.8rem;margin-bottom:8px}
    h3{color:var(--gold-l);font-size:1.1rem;margin-bottom:8px}
    .section-intro{color:var(--text-m);font-size:1rem;max-width:72ch;margin-bottom:20px}
    p{margin-bottom:12px}

    /* ── CARDS ── */
    .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
    .card{background:var(--bg-card2);border:1px solid var(--border2);border-radius:14px;padding:22px;transition:border-color .2s}
    .card:hover{border-color:var(--border)}
    .card h3{margin-bottom:6px}
    .card p{color:var(--text-m);font-size:.93rem;margin:0}

    /* ── COND GRID ── */
    .cond-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:16px}
    .cond-chip{background:var(--bg-card2);border:1px solid var(--border2);border-radius:12px;padding:14px 16px;text-align:center;transition:border-color .2s}
    .cond-chip:hover{border-color:var(--border)}
    .cond-chip strong{display:block;color:var(--gold);font-size:1.2rem;margin-bottom:2px}
    .cond-chip span{color:var(--text-m);font-size:.8rem}
    .cond-chip em{display:block;font-style:normal;font-size:.72rem;color:var(--text-m);margin-top:6px;padding-top:6px;border-top:1px solid var(--border2);opacity:.8}
    .cond-chip[onclick]{cursor:pointer}
    .cond-chip[onclick]:hover{border-color:var(--gold);color:var(--text)}
    .cond-chip[onclick]:hover em{color:var(--gold-l);opacity:1}
    .cond-big{border-color:rgba(212,162,78,0.25);background:rgba(212,162,78,0.06)}

    /* ── NOTE ── */
    .note{margin-top:18px;background:rgba(212,162,78,0.06);border-left:4px solid var(--gold-d);border-radius:12px;padding:16px 20px;color:var(--text)}

    /* ── SPLIT ── */
    .split{display:grid;grid-template-columns:1fr 1fr;gap:18px}

    /* ── ADMIN BOX ── */
    .admin-box{background:var(--bg-card2);border:1px solid var(--border2);border-radius:14px;padding:24px}
    .admin-box p:last-child{margin:0}
    .admin-box strong{color:var(--gold-l)}

    /* ── TABLES ── */
    .table-wrap{overflow-x:auto;margin-top:16px;border-radius:14px;border:1px solid var(--border2)}
    table{width:100%;border-collapse:collapse;font-size:.92rem}
    th,td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border2)}
    th{background:rgba(212,162,78,0.08);color:var(--gold);font-weight:600;white-space:nowrap}
    td{vertical-align:top}
    tbody tr:hover{background:rgba(212,162,78,0.04)}
    tbody tr:last-child td{border-bottom:none}

    /* ── COMPETENZE TABLE ── */
    .comp-tag{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}
    .tag-cond{background:rgba(59,130,246,0.15);color:#60a5fa}
    .tag-super{background:rgba(212,162,78,0.15);color:var(--gold)}
    .tag-both{background:rgba(168,85,247,0.15);color:#c084fc}

    /* ── REG BOX ── */
    .reg-box{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px;border:1px solid var(--border2);border-radius:14px;background:var(--bg-card2);flex-wrap:wrap}
    .btn{display:inline-block;background:linear-gradient(135deg,var(--gold-d),var(--gold));color:#0c1117;padding:12px 24px;border-radius:12px;font-weight:700;font-size:.95rem;transition:filter .2s}
    .btn:hover{filter:brightness(1.1);color:#0c1117;text-decoration:none}

    /* ── VIDEO ── */

    /* ── IMAGE SECTION ── */
    .img-full{border-radius:14px;border:1px solid var(--border2);margin-top:16px}

    /* ── FOOTER ── */
    footer{background:var(--bg-card);border-top:1px solid var(--border2);padding:32px 0}
    footer p{margin:4px 0}
    .footer-small{color:var(--text-m);font-size:.88rem}

    /* ── RESPONSIVE ── */
    @media(max-width:960px){
      .hero-inner,.split,.tv-grid,.cards{grid-template-columns:1fr}
      .hero-inner{text-align:center}
      .hero-logo{margin:0 auto 20px}
    }
    @media(max-width:760px){
      section{padding:24px 18px}
      .nav-wrap{border-radius:18px;justify-content:center}
      .table-wrap{font-size:.85rem}
      thead{display:none}
      table,tbody,tr,td{display:block}
      tr{margin-bottom:12px;border:1px solid var(--border2);border-radius:12px;overflow:hidden}
      td{border-bottom:1px solid var(--border2);padding:10px 14px}
      td:last-child{border-bottom:none}
      td::before{display:block;font-weight:600;color:var(--gold);margin-bottom:2px;font-size:.8rem}
    }