:root{
      --brand:#1FB6D5;
      --brand-dark:#1593AC;
      --bg:#F8FAFC;
      --surface:#ffffff;
      --text:#0F172A;
      --muted:#64748B;
      --border:rgba(15,23,42,.08);
      --shadow:0 20px 25px -5px rgba(0,0,0,.05), 0 10px 10px -5px rgba(0,0,0,.02);
      --nav-h:80px;
      --radius:24px;
      --ring:0 0 0 4px rgba(31,182,213,.18);
    }
    html[data-theme="dark"]{
      --bg:#020617;
      --surface:#0F172A;
      --text:#F8FAFC;
      --muted:#94A3B8;
      --border:rgba(248,250,252,.08);
      --shadow:0 25px 50px -12px rgba(0,0,0,.5);
      --ring:0 0 0 4px rgba(31,182,213,.22);
    }

    /* HERO */
    .hero-section{
      padding:calc(var(--nav-h) + 80px) 0 60px;
      text-align:center;
      background: radial-gradient(circle at top right, rgba(31,182,213,0.12), transparent 45%);
    }
    .hero-title{
      font-size:clamp(2.5rem, 5vw, 4rem);
      font-weight:900;
      letter-spacing:-0.05em;
      margin-bottom:14px;
    }
    .hero-title span{ color:var(--brand); }

    /* CARDS */
    .glass-card{
      background:var(--surface);
      border:1px solid var(--border);
      border-radius:var(--radius);
      padding:40px;
      box-shadow:var(--shadow);
      transition:transform .3s ease, border-color .3s ease;
    }
    .glass-card:hover{
      transform:translateY(-4px);
      border-color:rgba(31,182,213,.45);
    }

    /* IMAGE CARD */
    .media-card{
      overflow:hidden;
      padding:0;
    }
    .media-card img{
      width:100%;
      height:100%;
      display:block;
      object-fit:cover;
    }

    /* CHECK LIST */
    .check{
      display:flex; gap:10px; align-items:flex-start;
      margin:0 0 12px;
      color:var(--muted);
      font-weight:500;
    }
    .check i{ color:var(--brand-dark); margin-top:2px; }

    /* FOUNDERS */
    .founder-card{
      text-align:center;
      padding:30px 26px;
    }
    .founder-photo{
      width:112px; height:112px;
      border-radius:26px;
      overflow:hidden;
      margin:0 auto 16px;
      border:1px solid var(--border);
      box-shadow:0 14px 28px rgba(0,0,0,.08);
      background:rgba(31,182,213,.08);
    }
    .founder-photo img{
      width:100%; height:100%;
      object-fit:cover;
      display:block;
    }
    .role{
      color:var(--brand-dark);
      font-weight:800;
      font-size:.78rem;
      letter-spacing:.12em;
      text-transform:uppercase;
      margin-top:4px;
    }

    /* LINKS */
    .research-link{
      display:block;
      padding:18px 0;
      border-bottom:1px solid var(--border);
      text-decoration:none;
      color:inherit;
    }
    .research-link:last-child{ border-bottom:none; }
    .research-link strong{ color:var(--brand); display:block; margin-bottom:4px; }

    /* ✅ DARK: fix only text that becomes too dim */
    html[data-theme="dark"] .text-muted{
      color: rgba(248,250,252,.72) !important;
    }
    html[data-theme="dark"] .opacity-50{
      opacity: 1 !important;
    }
    html[data-theme="dark"] .opacity-75{
      opacity: 1 !important;
    }