﻿    :root { --bg:#050b12; --panel:rgba(4,10,18,.74); --line:rgba(88,197,255,.18); --line-strong:rgba(88,197,255,.35); --text:#eff6ff; --muted:#9eb2c9; --accent:#58c5ff; --accent-2:#22e7b8; --shadow:0 24px 80px rgba(0,0,0,.35); }
    * { box-sizing:border-box; }
    body { margin:0; font-family:"Space Grotesk",sans-serif; color:var(--text); background:radial-gradient(circle at top left, rgba(34,231,184,.08), transparent 28%),radial-gradient(circle at top right, rgba(88,197,255,.18), transparent 24%),linear-gradient(180deg,#07101a 0%,var(--bg) 100%); line-height:1.6; }
    a { color:var(--accent); text-decoration:none; }
    .shell { width:min(1200px, calc(100% - 32px)); margin:0 auto; padding:18px 0 42px; }
    header,.panel,.section-card,footer { background:var(--panel); border:1px solid var(--line); border-radius:20px; box-shadow:var(--shadow); backdrop-filter:blur(18px); }
    header { padding:14px 18px; display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:22px; }
    .brand { display:flex; align-items:center; gap:14px; color:var(--text); }
    .brand img,.brand-fallback { width:52px; height:52px; border-radius:16px; border:1px solid var(--line-strong); background:linear-gradient(145deg, rgba(34,231,184,.1), rgba(88,197,255,.15)); }
    .brand img { display:block; object-fit:cover; }
    .brand-fallback { display:none; place-items:center; font-family:"Orbitron",sans-serif; font-weight:800; color:var(--accent); }
    .brand h1,h2,h3 { margin:0; font-family:"Orbitron",sans-serif; }
    .brand p,.body-copy,.muted { margin:4px 0 0; color:var(--muted); }
    nav { display:flex; flex-wrap:wrap; gap:14px; }
    .hero { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr); gap:22px; margin-bottom:18px; }
    .panel,.section-card { padding:24px; }
    .eyebrow { display:inline-flex; align-items:center; gap:10px; padding:8px 12px; border-radius:999px; border:1px solid var(--line); background:rgba(255,255,255,.04); color:var(--accent-2); font-size:.82rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
    .hero h2 { margin:16px 0 14px; font-size:clamp(2.1rem, 5vw, 4rem); line-height:1.05; letter-spacing:.04em; }
    .hero h2 span { color:var(--accent); }
    .hero-copy { display:flex; flex-direction:column; gap:16px; }
    .tag-row { display:flex; flex-wrap:wrap; gap:12px; }
    .stat-grid,.detail-grid,.leadership-grid,.channel-grid { display:grid; gap:16px; }
    .stat-grid { grid-template-columns:repeat(2, minmax(0,1fr)); }
    .detail-grid,.leadership-grid,.channel-grid { grid-template-columns:repeat(auto-fit, minmax(240px,1fr)); }
    .stat-card,.leader-card,.channel-card,.detail-card { border:1px solid var(--line); border-radius:18px; background:rgba(255,255,255,.04); padding:18px; }
    .stat-card span,.detail-card span,.leader-meta span { display:block; margin-bottom:8px; color:var(--muted); font-size:.78rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
    .stat-card strong,.detail-card strong { display:block; color:var(--text); font-size:1.02rem; }
    .section-card { margin-bottom:18px; }
    .section-head { display:flex; justify-content:space-between; align-items:end; gap:18px; margin-bottom:18px; }
    .section-head h2 { font-size:clamp(1.3rem, 3vw, 2rem); letter-spacing:.04em; }
    .leader-card { overflow:hidden; display:flex; flex-direction:column; gap:14px; }
    .leader-photo,.leader-fallback { width:100%; aspect-ratio:4 / 4.5; border-radius:18px; border:1px solid var(--line); background:linear-gradient(145deg, rgba(34,231,184,.1), rgba(88,197,255,.14)); }
    .leader-photo { object-fit:cover; display:block; }
    .leader-fallback { display:none; align-items:center; justify-content:center; font-family:"Orbitron",sans-serif; font-size:2.2rem; font-weight:800; color:var(--accent); }
    .leader-name { font-size:1.18rem; font-weight:700; color:var(--text); }
    .leader-role { color:var(--accent-2); font-weight:700; letter-spacing:.05em; text-transform:uppercase; font-size:.83rem; }
    .chip-link,.action-link { display:inline-flex; align-items:center; justify-content:center; padding:10px 14px; border-radius:999px; border:1px solid var(--line); background:rgba(255,255,255,.04); transition:transform .18s ease, border-color .18s ease, background .18s ease; }
    .chip-link:hover,.action-link:hover { transform:translateY(-1px); border-color:rgba(34,231,184,.38); background:rgba(34,231,184,.1); color:var(--accent-2); }
    .note,.verification-box { padding:14px 16px; border-radius:16px; border:1px solid rgba(255,188,92,.32); background:rgba(255,188,92,.08); color:#ffd8a2; font-weight:600; }
    footer { padding:24px; text-align:center; }
    footer p { margin:0; color:var(--muted); }
    @media (max-width:920px) { .hero { grid-template-columns:1fr; } .stat-grid { grid-template-columns:1fr; } .shell { width:min(1200px, calc(100% - 20px)); } }
  

