body {margin:0;font-family:Inter,Arial,sans-serif;background:#fffafc;color:#2b2830;}
.wrap{max-width:1200px;margin:0 auto;padding:20px;}
header{display:flex;justify-content:space-between;align-items:center;padding:10px 0;}
.logo{font-weight:700;color:#ff4d94;font-size:22px;}
nav a{margin-left:12px;color:#6b7280;text-decoration:none;font-weight:600;}
.hero{display:flex;gap:20px;margin-top:20px;flex-wrap:wrap;}
.panel{background:#fff;padding:20px;border-radius:14px;box-shadow:0 6px 20px rgba(0,0,0,0.05);}
.cta{background:#ff4d94;color:#fff;padding:10px 14px;border-radius:10px;font-weight:700;text-decoration:none;}
.profiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:20px;}
.profile{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.05);}
.profile img{width:100%;height:160px;object-fit:cover;}
.profile .info{padding:12px;}
.name{font-weight:700;}
.meta{font-size:13px;color:#6b7280;margin-bottom:6px;}
.bio{font-size:14px;}
.btn{padding:8px 10px;border-radius:8px;font-weight:700;border:0;}
.btn.primary{background:#ff4d94;color:#fff;}
.btn.ghost{background:#fff0f6;color:#ff4d94;border:1px solid #ffb3d9;}
footer{text-align:center;color:#6b7280;font-size:13px;margin-top:30px;padding:10px 0;}