:root{--fg:#111;--muted:#666}body{font-family:system-ui,sans-serif;margin:22px;color:var(--fg)}
.header{display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;gap:10px;align-items:center}
.badge{display:inline-flex;gap:6px;align-items:center;padding:2px 8px;border-radius:999px;background:#eef}
.hero{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;margin:20px 0}
.row{display:flex;gap:10px;align-items:center}
.btn{padding:10px 14px;border:1px solid #ccc;border-radius:10px;background:#fff;cursor:pointer}
.btn-primary{background:#111;color:#fff;border-color:#111}
.hide{display:none}
.small{color:var(--muted)}
.avatar{width:148px;height:148px;border-radius:50%}
.card{border:1px solid #eee;border-radius:12px;padding:16px}
.sub{color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}