:root{--afuh-bg:#0b1220;--afuh-card:#121a2b;--afuh-accent:#31d0aa;--afuh-soft:#a7b3c9;}
.afuh-hero{background:radial-gradient(1000px 400px at 20% 0%, rgba(49,208,170,.20), transparent),linear-gradient(180deg, rgba(11,18,32,.95), rgba(11,18,32,.98));color:#fff;padding:4rem 1.25rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.06)}
.afuh-hero h1{font-size:clamp(2rem,1rem + 3vw,3.25rem);letter-spacing:.5px;margin:0 0 .5rem}
.afuh-hero p{color:var(--afuh-soft);max-width:900px;margin:.25rem auto 0;line-height:1.6}
.afuh-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin:2rem auto;max-width:1200px;padding:0 1rem}
.afuh-card{background:var(--afuh-card);border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:1rem 1.1rem;color:#eaf2ff;box-shadow:0 10px 28px rgba(0,0,0,.25);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.afuh-card:hover{transform:translateY(-2px);border-color:rgba(49,208,170,.45);box-shadow:0 18px 40px rgba(49,208,170,.10)}
.afuh-badge{display:inline-block;background:rgba(49,208,170,.12);color:var(--afuh-accent);border:1px solid rgba(49,208,170,.35);border-radius:999px;padding:.18rem .55rem;font-size:.75rem;letter-spacing:.2px}
.gt-container h2,.genealogical-tree h2{color:#eaf2ff}
.gt-container a,.genealogical-tree a{color:var(--afuh-accent)}