.profile-page { max-width: 940px; }
.profile-hero { border-radius: var(--radius-lg); padding: 28px; display: flex; align-items: center; gap: 22px; }
.profile-avatar { width: 112px; height: 112px; font-size: 1.9rem; border: 4px solid rgba(255,255,255,.12); }
.profile-main { flex: 1; }
.profile-main h1 { margin: 10px 0 8px; font-family: Anton, sans-serif; font-size: 2.5rem; font-weight: 400; }
.profile-main p { color: #d3dbe4; }
.profile-main small { color: var(--muted); }
.profile-stats { margin-top: 16px; padding: 20px; border-radius: var(--radius); display: grid; grid-template-columns: repeat(4, 1fr); }
.profile-stats div { display: grid; gap: 5px; text-align: center; border-right: 1px solid var(--border); }
.profile-stats div:last-child { border: 0; }
.profile-stats strong { font-size: 1.35rem; }
.profile-stats span { color: var(--muted); font-size: .8rem; }
.profile-tabs { display: flex; gap: 8px; margin: 20px 0 14px; overflow-x: auto; }
.profile-tabs button { min-height: 40px; padding: 0 14px; border: 1px solid var(--border); border-radius: 10px; color: var(--muted); background: transparent; cursor: pointer; }
.profile-tabs button.is-active { color: white; border-color: var(--primary); background: rgba(24,119,242,.13); }
.profile-content { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.simple-card { border-radius: var(--radius); padding: 20px; }
.simple-card p { color: var(--muted); line-height: 1.55; }
.profile-hero-actions { display: flex; flex-wrap: wrap; gap: .65rem; margin-left: auto; }
@media (max-width: 700px) { .profile-hero-actions { width: 100%; margin-left: 0; } .profile-hero-actions .button { flex: 1; } }
.profile-avatar-image,.profile-preview-image{object-fit:cover;border-radius:50%}.profile-avatar-image{display:block}.profile-stats{grid-template-columns:repeat(3,1fr)}.profile-about{margin-top:16px}.profile-comments{grid-template-columns:1fr;margin-top:16px}.profile-comment{padding:14px 0;border-top:1px solid var(--border)}.profile-comment:first-of-type{border-top:0}.profile-comment p{margin:.45rem 0;color:#cdd6df}.profile-comment small{color:var(--muted)}

.profile-badges{margin-top:16px}.community-badge-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.community-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.04)}.community-badge b{font-size:1.15rem}.community-badge strong{font-size:.82rem}
