:root{--blue:#1f5aa8;--ink:#101828;--muted:#667085;--line:#e5e7eb;--bg:#fff}
*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}
.container{max-width:1120px;margin:0 auto;padding:24px}
.header{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.header img{height:60px;width:auto}
.title h1{margin:0;font-size:1.6rem}
.lang-switch a{margin-right:8px;border:1px solid var(--line);padding:4px 10px;border-radius:999px}
.nav{margin-left:auto;display:flex;gap:12px;flex-wrap:wrap}
.nav a{padding:8px 12px;border-radius:8px;border:1px solid var(--line)}
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:center;padding:32px 0}
.hero h2{font-size:2rem;margin:0 0 6px}.hero p{color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{border:1px solid var(--line);border-radius:16px;padding:20px;background:#fff}
.section{padding:12px 0}
.badge{display:inline-block;background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;padding:4px 10px;color:#3730a3;font-size:.85rem}
.btn{background:var(--blue);color:#fff;padding:10px 16px;border-radius:10px;display:inline-block}
.btn.outline{background:#fff;color:var(--blue);border:1px solid var(--blue)}
.small{font-size:.95rem;color:var(--muted)}hr{border:none;border-top:1px solid var(--line);margin:24px 0}
.kv{display:grid;grid-template-columns:180px 1fr;gap:8px;margin:4px 0}
.footer{margin-top:40px;padding:24px 0;border-top:1px solid var(--line);color:var(--muted)}
.list{margin:0;padding-left:20px}
.member{border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:12px;background:#fafafa}
.member .name{font-weight:700}
.member .role{color:#475569}