/* =========================================================
   about/style.css — HANYA untuk subdomain about/index.html
   ========================================================= */

.founder-card{
  background:var(--panel-solid); border:1px solid var(--line); border-radius:var(--radius);
  padding:22px; text-align:center;
}
.avatar{
  width:76px; height:76px; margin:0 auto 14px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-display); font-weight:700; font-size:1.3rem;
  background:linear-gradient(135deg, var(--accent), var(--accent-dim)); color:#04211c;
}
.founder-card h3{ font-size:1rem; margin:0 0 2px; }
.founder-card .role{ font-family:var(--font-mono); font-size:.75rem; color:var(--accent-2); display:block; margin-bottom:10px; }
.founder-card p{ font-size:.85rem; margin-bottom:0; }

.contact-panel{
  display:grid; grid-template-columns:1fr 1fr; gap:24px;
  background:var(--panel-solid); border:1px solid var(--line); border-radius:14px; padding:30px;
}
.contact-panel .field{ margin-bottom:6px; }
.contact-panel .field label{ display:block; font-family:var(--font-mono); font-size:.72rem; color:var(--text-faint); margin-bottom:4px; }
.contact-panel .field a{ font-size:.98rem; color:var(--text); }
.contact-panel .field a:hover{ color:var(--accent); }

.social-links{ display:flex; flex-wrap:wrap; gap:10px; margin-top:8px; }
.social-links a{
  display:flex; align-items:center; gap:8px;
  padding:9px 14px; border:1px solid var(--line); border-radius:8px;
  font-size:.85rem; transition:.15s;
}
.social-links a:hover{ border-color:var(--accent); color:var(--accent); }

@media (max-width:700px){
  .contact-panel{ grid-template-columns:1fr; }
}