.onboarding-kartu{max-width:440px}.onboarding-sub{font-size:.85rem;color:var(--text-muted, #9d9890);margin-bottom:20px;line-height:1.5}.onboarding-hint{font-size:.72rem;color:var(--text-muted, #9d9890);margin-top:4px;display:block}.onboarding-avatar-preview{width:84px;height:84px;border-radius:50%;overflow:hidden;margin:10px auto 16px;border:2px solid var(--border-accent, rgba(200,169,110,.3));display:flex;align-items:center;justify-content:center;background:var(--bg-elevated, #1e1e24);font-size:1.7rem;font-weight:700;color:var(--accent, #c8a96e)}.onboarding-avatar-preview img{width:100%;height:100%;object-fit:cover}.onboarding-avatar-tabs{display:flex;gap:4px;margin-bottom:12px;background:var(--bg-surface, #16161a);border-radius:8px;padding:3px}.onboarding-avatar-tab{flex:1;background:none;border:none;color:var(--text-muted, #9d9890);padding:7px;border-radius:6px;font-size:.78rem;cursor:pointer;font-family:var(--font-display, sans-serif);transition:background .15s,color .15s}.onboarding-avatar-tab.aktif{background:var(--bg-elevated, #1e1e24);color:var(--accent, #c8a96e)}.onboarding-avatar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.onboarding-avatar-opsi{aspect-ratio:1;border-radius:50%;overflow:hidden;cursor:pointer;border:2px solid transparent;padding:0;background:none;transition:border-color .15s,transform .15s}.onboarding-avatar-opsi:hover{transform:scale(1.07)}.onboarding-avatar-opsi.dipilih{border-color:var(--accent, #c8a96e)}.onboarding-avatar-opsi svg{width:100%;height:100%;display:block}.onboarding-avatar-upload{padding:16px;border:1px dashed var(--border, #2a2a32);border-radius:10px;text-align:center}.onboarding-avatar-upload input[type=file]{color:var(--text-secondary, #c9c5bd);font-size:.8rem;max-width:100%}@media(max-width:420px){.onboarding-avatar-grid{grid-template-columns:repeat(4,1fr)}}