:root{
      --bg-gradient: linear-gradient(180deg, #e0f2fe 0%, #f1f5f9 100%);
      --card:#ffffff;
      --text:#1e293b;
      --muted:#475569;
      --accent:#0ea5e9;
      --accent-2:#38bdf8;
      --radius:16px;
      --shadow:0 6px 18px rgba(0,0,0,.08);
      --border:#cbd5e1;
    }

    *{box-sizing:border-box;margin:0;padding:0}
    body{
      font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
      color:var(--text);
      background:var(--bg-gradient);
    }
    img{max-width:100%;height:auto;display:block}

    .wrap{max-width:1100px;margin:auto;padding:20px}

    /* Header */
    header{
      display:flex;align-items:center;justify-content:space-between;gap:20px;
      background:#f8fafc;border:1px solid var(--border);
      border-radius:var(--radius);box-shadow:var(--shadow);
      padding:14px 18px;margin-bottom:24px;
    }
    .brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
    .brand-logo{width:12vw;max-width:120px;min-width:70px}
    .brand-title{font:800 clamp(18px,3vw,24px)/1.2 "Nunito",sans-serif}

    nav{display:flex;gap:10px;flex-wrap:wrap}
    .btn{
      padding:8px 14px;border-radius:999px;font-weight:700;text-decoration:none;
      background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;
      white-space:nowrap;font-size:clamp(14px,2vw,16px);
    }
    .btn.ghost{background:#fff;color:var(--text);border:1px solid var(--border)}

    /* Layout */
    .hero{display:grid;grid-template-columns:1fr 0.8fr;gap:20px;margin:20px 0}
    @media (max-width:900px){.hero{grid-template-columns:1fr}}

    .card{
      background:var(--card);border:1px solid var(--border);
      border-radius:var(--radius);box-shadow:var(--shadow);
      padding:20px;
    }
    h1{font:800 clamp(24px,4vw,32px)/1.2 "Nunito",sans-serif;margin-bottom:10px}
    .lead{color:var(--muted);font-size:clamp(15px,2vw,17px);margin-bottom:15px}

    /* Video */
    .video{position:relative;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow);background:#000}
    .video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

    /* Quick links */
    .quick{display:grid;gap:10px}
    .quick a{
      display:flex;align-items:center;gap:10px;padding:10px;
      border-radius:12px;background:#f1f5f9;border:1px solid var(--border);
      text-decoration:none;color:var(--text);font-size:clamp(14px,2vw,16px)
    }
    .thumb{width:8vw;max-width:60px;min-width:32px}

    footer{margin:28px 0;text-align:center;color:var(--muted);font-size:.9rem}
  body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}