:root{
  --bg:#0f1220;
  --paper:#0b1220;
  --ink:#e6edf6;  
  --muted:#97a3b6;
  --brand:#22a2f2;
  --border:#1f2b46;
  --accent:#6ee7ff;
  --good:#10b981;
  --warn:#f59e0b;
  --radius:18px;
  --radius-sm:12px;
  --shadow:0 8px 30px rgba(2,6,23,.25);
  --maxw:1100px
 }
    @media(prefers-color-scheme:light){
  :root{
  --paper:#ffffff;
  --bg:#f5f7fb;
  --ink:#0f172a;
  --muted:#5b6b80;
  --border:#e6e8ef;
  --brand:#2563eb;
  --accent:#0ea5e9;
  }
}
    *,*:before,*:after{
  box-sizing:border-box
}
    body{
  margin:0;
  background:linear-gradient(180deg,var(--bg),var(--paper));
  color:var(--ink);
  font:16px/1.6 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
}
    a{
  color:var(--brand);
}
    .wrap{
  max-width:var(--maxw);
  margin:0 auto;
  padding:20px;
}
    header{
  position:sticky;
  top:0;
  z-index:40;
  backdrop-filter:saturate(160%) blur(8px);
  border-bottom:1px solid var(--border);
  background:color-mix(in srgb,var(--paper),transparent 10%);
}
    header .bar{
  display:flex;
  gap:12px;
  align-items:center;
  justify-content:space-between;
  padding:8px 20px;
}
    .bar img{
  max-height:52px;
  object-fit:cover;
  display:block;
}
    .brand{
  display:flex;
  gap:10px;
  align-items:center;
  text-decoration:none;
  color:inherit;
  font-weight:800;
}
    .brand i{
  width:34px;
  height:34px;
  border-radius:12px;
  background:radial-gradient(100% 100% at 100% 0%,var(--brand) 0%,var(--accent) 100%);
  box-shadow:inset 0 0 0 1px #ffffff1a,0 6px 18px #2196f340;
}
    h1{
  font-size:clamp(1.6rem,2vw+1.2rem,3rem);
  margin:6px 0;
}
    h2{
  font-size:clamp(1.2rem,1vw+1rem,1.6rem);
  margin:0 0 8px;
}
    h3{
  font-size:clamp(1.0rem,1vw+1rem,1.2rem);
  margin:0 0 2px;
}
    p{
  margin:0 0 10px;
}

    /* Hero */
    .hero{
  display:grid;
  gap:16px;
  margin:22px 0;
}
    .ticker{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  color:var(--muted);
}
    .tag{
  border:1px solid var(--border);
  border-radius:999px;
  padding:4px 10px;
  font-weight:700;
}

    /* Highlight banner */
    .banner{
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:14px 16px;
  background:linear-gradient(180deg, color-mix(in srgb,var(--brand),white 85%), color-mix(in srgb,var(--brand),white 92%));
  color:#0b1220;
}
    .banner strong{
  font-weight:800;
}

    /* Layout */
    .grid{
  display:grid;
  gap:18px;
  grid-template-columns:1.2fr .8fr;
}
    @media (max-width:960px){.grid{grid-template-columns:1fr}}

    .card{
  background:var(--paper);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:16px;
  box-shadow:var(--shadow);
}
    .list, rlink{
  display:grid;
  gap:10px;
}
    .list li, rlink li{
  margin-left:18px;
}

    .kpis{
  display:grid;
  gap:10px;
  grid-template-columns:
  repeat(2,1fr);
}
    .kpi{
  background:color-mix(in srgb,var(--paper),#fff 4%);
  border:1px solid var(--border);
  padding:12px;
  border-radius:var(--radius-sm);
}
    .kpi .label{
  color:var(--muted);
  font-size:.85rem;
}
    .kpi .value{
  font-weight:800;
  font-feature-settings:"tnum" on,"lnum" on;
}

    .media{
  aspect-ratio:16/9;
  border-radius:var(--radius);
  overflow:hidden;
  border:1px solid var(--border);
  background:linear-gradient(135deg,#eef2ff,#e0f2fe);
}
    .media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

    .btns{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:10px;
}

    .btnsR{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:10px;
}
    .btn{
  display:inline-flex;
  gap:8px;
  align-items:center;
  text-decoration:none;
  border:1px solid var(--border);
  padding:10px 14px;
  border-radius:12px;
}
    .btn.primary{
  background:linear-gradient(180deg, color-mix(in srgb,var(--brand),white 10%), var(--brand));
  color:white;border:0;
  justify-content: center;
}

    footer{
  margin:30px 0;
  color:var(--muted);
}
    .disclaimer{
  font-size:.9rem;
}