/* ---------- Base ---------- */
    :root{
      --bg0:#070A12;
      --bg1:#0B1020;
      --card:rgba(255,255,255,.06);
      --card2:rgba(255,255,255,.09);
      --line:rgba(255,255,255,.12);
      --text:rgba(255,255,255,.92);
      --muted:rgba(255,255,255,.68);
      --muted2:rgba(255,255,255,.55);
      --shadow: 0 20px 60px rgba(0,0,0,.55);
      --radius: 22px;
      --radius2: 16px;
      --glow: 0 0 0 1px rgba(255,255,255,.12), 0 20px 60px rgba(0,0,0,.55);

      --a: #7c3aed; /* violet */
      --b: #06b6d4; /* cyan */
      --c: #f59e0b; /* amber */
      --d: #22c55e; /* green */
      --e: #ef4444; /* red */
    }

    /* ---------- Header ---------- */
    .hero{
      position:relative;
      border-radius: calc(var(--radius) + 8px);
      padding: 26px 26px 22px;
 background: linear-gradient(135deg, #e0ecff, #f8fafc) !important;
      box-shadow: var(--shadow);
      border:1px solid rgba(255,255,255,.12);
      overflow:hidden;
      isolation:isolate;
    }
    .hero::before{
      content:"";
      position:absolute; inset:-2px;
      background:
        radial-gradient(700px 280px at 15% 15%, rgba(124,58,237,.35), transparent 60%),
        radial-gradient(680px 260px at 85% 30%, rgba(6,182,212,.28), transparent 62%),
        radial-gradient(560px 240px at 55% 85%, rgba(245,158,11,.22), transparent 62%);
      filter: blur(0px);
      z-index:-1;
    }
    .hero::after{
      content:"";
      position:absolute; inset:0;
      background:
        linear-gradient(135deg, rgba(255,255,255,.08), transparent 45%),
        linear-gradient(315deg, rgba(255,255,255,.06), transparent 45%);
      opacity:.55;
      z-index:-1;
      pointer-events:none;
    }

    .topline{
      display:flex;
      gap:14px;
      align-items:flex-start;
      justify-content:space-between;
      flex-wrap:wrap;
    }

    .kicker{
      display:inline-flex;
      align-items:center;
      gap:10px;
      padding: 8px 12px;
      border-radius: 999px;
      background: rgba(255,255,255,.08);
      border: 1px solid rgba(255,255,255,.14);
      color: var(--muted);
      font-size: 13px;
      letter-spacing:.2px;
      backdrop-filter: blur(8px);
    }
    .dot{
      width:10px; height:10px; border-radius:999px;
      background: linear-gradient(135deg, var(--a), var(--b));
      box-shadow: 0 0 0 3px rgba(255,255,255,.08);
    }

    h1{
      margin: 12px 0 8px;
      font-size: clamp(22px, 3.2vw, 36px);
      line-height: 1.12;
      letter-spacing: -0.02em;
    }
    .subtitle{
      margin:0;
      color: var(--muted);
      font-size: 14.5px;
      line-height: 1.55;
      max-width: 78ch;
    }

    .meta{
      display:flex;
      gap:10px;
      flex-wrap:wrap;
      margin-top: 14px;
    }
    .pill{
      display:inline-flex;
      gap:10px;
      align-items:center;
      padding: 10px 12px;
      border-radius: 14px;
      background: rgba(255,255,255,.06);
      border:1px solid rgba(255,255,255,.12);
      color: var(--muted);
      font-size: 13px;
      white-space:nowrap;
      backdrop-filter: blur(10px);
    }
    .pill svg{ opacity:.9; }

    /* ---------- Layout ---------- */
    .grid{
      display:grid;
      grid-template-columns: 1fr;
      gap: 18px;
      margin-top: 18px;
    }
    @media (min-width: 900px){
      .grid{
        grid-template-columns: 1.35fr .65fr;
        align-items:start;
      }
    }

    /* ---------- Timeline ---------- */
    .panel{
      border-radius: var(--radius);
      background: rgba(255,255,255,.05);
      border: 1px solid rgba(255,255,255,.12);
      box-shadow: var(--glow);
      overflow:hidden;
    }
    .panel-head{
      padding: 14px 16px;
      border-bottom: 1px solid rgba(255,255,255,.10);
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 12px;
      background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
    }
    .panel-title{
      margin:0;
      font-size: 14px;
      letter-spacing:.12em;
      text-transform: uppercase;
      color: rgba(255,255,255,.75);
    }
    .legend{
      display:flex; gap:10px; flex-wrap:wrap; align-items:center;
      color: var(--muted2);
      font-size: 12.5px;
    }
    .tag{
      display:inline-flex; align-items:center; gap:8px;
      padding: 6px 10px;
      border-radius: 999px;
      background: rgba(255,255,255,.06);
      border: 1px solid rgba(255,255,255,.10);
    }
    .swatch{ width:10px; height:10px; border-radius:999px; }

    .timeline{
      padding: 14px 14px 16px;
      position:relative;
    }
    .day{
      border-radius: var(--radius);
      padding: 14px 14px 12px;
      background: rgba(255,255,255,.04);
      border: 1px solid rgba(255,255,255,.10);
      margin-bottom: 12px;
      position:relative;
      overflow:hidden;
    }
    .day:last-child{ margin-bottom:0; }

    .day::before{
      content:"";
      position:absolute; left:0; top:0; bottom:0;
      width: 4px;
      background: linear-gradient(180deg, rgba(255,255,255,.25), rgba(255,255,255,.02));
      opacity:.75;
    }

    .day-head{
      display:flex;
      gap: 10px;
      align-items:flex-start;
      justify-content:space-between;
      flex-wrap:wrap;
      margin-bottom: 10px;
    }
    .day-title{
      margin:0;
      font-size: 16px;
      letter-spacing: -0.01em;
    }
    .date{
      color: var(--muted);
      font-size: 13px;
      margin-top: 2px;
    }

    .events{
      display:grid;
      gap: 10px;
    }

    .event{
      display:grid;
      grid-template-columns: 92px 1fr;
      gap: 12px;
      padding: 12px 12px;
      border-radius: var(--radius2);
      background: rgba(255,255,255,.05);
      border: 1px solid rgba(255,255,255,.10);
      backdrop-filter: blur(8px);
      position:relative;
      overflow:hidden;
    }
    .event::after{
      content:"";
      position:absolute; inset:-1px;
      background: linear-gradient(135deg, rgba(255,255,255,.07), transparent 48%);
      opacity:.6;
      pointer-events:none;
    }

    .time{
      display:flex;
      flex-direction:column;
      gap: 6px;
      padding-right: 10px;
      border-right: 1px dashed rgba(255,255,255,.16);
      z-index:1;
    }
    .time strong{
      font-size: 15px;
      letter-spacing: .02em;
    }
    .badge{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding: 6px 10px;
      border-radius: 999px;
      font-size: 12px;
      color: rgba(255,255,255,.85);
      border: 1px solid rgba(255,255,255,.14);
      background: rgba(255,255,255,.07);
      width: fit-content;
    }
    .badge .swatch{ box-shadow: 0 0 0 3px rgba(255,255,255,.08); }

    .content{
      z-index:1;
    }
    .content h3{
      margin: 0 0 6px;
      font-size: 15px;
      letter-spacing: -0.01em;
    }
    .content p{
      margin: 0;
      color: var(--muted);
      font-size: 13.5px;
      line-height: 1.55;
    }
    .bullets{
      margin: 8px 0 0;
      padding-left: 18px;
      color: var(--muted);
      font-size: 13.5px;
      line-height: 1.55;
    }
    .bullets li{ margin: 4px 0; }

    /* ---------- Sidebar ---------- */
    .side{
      padding: 14px;
      display:grid;
      gap: 12px;
    }
    .card{
      border-radius: var(--radius);
      background: rgba(255,255,255,.05);
      border: 1px solid rgba(255,255,255,.12);
      box-shadow: 0 10px 30px rgba(0,0,0,.35);
      overflow:hidden;
    }
    .card .hd{
      padding: 14px 14px 10px;
      border-bottom: 1px solid rgba(255,255,255,.10);
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 10px;
    }
    .card .hd h2{
      margin:0;
      font-size: 14px;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: rgba(255,255,255,.78);
    }
    .card .bd{
      padding: 12px 14px 14px;
      color: var(--muted);
      font-size: 13.5px;
      line-height: 1.55;
    }
    .statgrid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
      margin-top: 10px;
    }
    .stat{
      border-radius: 16px;
      border: 1px solid rgba(255,255,255,.10);
      background: rgba(255,255,255,.05);
      padding: 10px 10px;
    }
    .stat .num{
      font-size: 18px;
      letter-spacing:-0.02em;
      color: rgba(255,255,255,.9);
      margin: 0 0 2px;
    }
    .stat .lbl{
      margin:0;
      font-size: 12.5px;
      color: var(--muted2);
    }

    /* ---------- Accent lines per day ---------- */
    .accent-violet::before{ background: linear-gradient(180deg, rgba(124,58,237,.9), rgba(124,58,237,.15)); }
    .accent-cyan::before{ background: linear-gradient(180deg, rgba(6,182,212,.9), rgba(6,182,212,.15)); }
    .accent-amber::before{ background: linear-gradient(180deg, rgba(245,158,11,.9), rgba(245,158,11,.15)); }
    .accent-green::before{ background: linear-gradient(180deg, rgba(34,197,94,.9), rgba(34,197,94,.15)); }
    .accent-red::before{ background: linear-gradient(180deg, rgba(239,68,68,.9), rgba(239,68,68,.15)); }

    /* ---------- Footer ---------- */
    .footer{
      margin-top: 16px;
      color: rgba(255,255,255,.52);
      font-size: 12.5px;
      text-align:center;
    }
/* ================================
   UBC65 scoped FIX (LIGHT + RESET)
   ================================ */

.ubc65{
  /* un mic reset local */
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial !important;
  color: #0f172a !important;
}

/* oprește moșteniri dubioase de pe site (ex: opacity/filters) */
.ubc65, .ubc65 *{
  text-shadow: none !important;
}

/* dacă tema pune culoare deschisă pe texte */
.ubc65 p,
.ubc65 li,
.ubc65 span,
.ubc65 div{
  color: #0f172a;
}

/* titluri */
.ubc65 h1,
.ubc65 h2,
.ubc65 h3{
  color:#0b2a5a !important;
  letter-spacing: -0.01em !important;
}

/* text secundar */
.ubc65 .subtitle,
.ubc65 .content p,
.ubc65 .date,
.ubc65 .lbl,
.ubc65 .panel-title,
.ubc65 .legend,
.ubc65 .bullets{
  color:#334155 !important;
}

/* asigură spacing lizibil (tema ta probabil îl strică) */
.ubc65 p,
.ubc65 li{
  line-height: 1.55 !important;
  font-size: 14px !important;
}

/* carduri/panouri - forțat pe alb */
.ubc65 .hero,
.ubc65 .panel,
.ubc65 .card,
.ubc65 .day,
.ubc65 .event{
  background:#fff !important;
  border:1px solid #e5e7eb !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.08) !important;
}

/* scoate overlay-urile glassmorphism (pe alb arată “murdar”) */
.ubc65 .hero::before,
.ubc65 .hero::after,
.ubc65 .event::after{
  display:none !important;
}

/* header fancy, dar light */
.ubc65 .hero{
  background: linear-gradient(135deg, #e9f2ff, #ffffff 55%, #fff7e6) !important;
}

/* pills + badge-uri vizibile */
.ubc65 .pill,
.ubc65 .kicker{
  background:#f8fafc !important;
  border:1px solid #e5e7eb !important;
  color:#0f172a !important;
}

.ubc65 .badge{
  background:#f1f5f9 !important;
  border:1px solid #e5e7eb !important;
  color:#0f172a !important;
}

/* time column */
.ubc65 .time{
  border-right: 1px dashed #cbd5e1 !important;
}
.ubc65 .time strong{
  color:#0b2a5a !important;
}

/* bullets să fie clare */
.ubc65 .bullets{
  padding-left: 18px !important;
}
.ubc65 .bullets li{
  margin: 4px 0 !important;
}

/* dacă tema vă pune link-urile albastre/ciudate */
.ubc65 a{
  color:#0b2a5a !important;
  text-decoration: underline;
}

/* containerul principal */
.ubc65 {
  width: 100%;
}

/* forțăm același comportament ca hero */
.ubc65 .hero,
.ubc65 .panel {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* dacă tema bagă padding lateral */
.ubc65 .panel {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* conținutul intern rămâne aerisit */
.ubc65 .timeline {
  padding: 16px !important;
}

/* dezactivăm grid-ul pe această pagină */
.ubc65 .grid {
  display: block !important;
}

/* sidebar-ul (dacă există) să nu mai influențeze layout-ul */
.ubc65 aside,
.ubc65 .side {
  display: none !important;
}