.welcome-credits { margin: 28px 0; padding: 24px; border: 1px solid var(--border, #343731); border-radius: 12px; background: var(--surface, #191d18); }
.welcome-credits[hidden] { display: none; }
.welcome-credits h2 { margin: 0 0 16px; font-size: clamp(22px, 3vw, 30px); }
.welcome-credits ol { display: flex; flex-wrap: wrap; gap: 16px 40px; padding-left: 24px; align-items: center; }
.welcome-credits a:not(.btn) { color: var(--text, #eee); text-underline-offset: 4px; }
.welcome-credits p { margin: 16px 0 0; line-height: 1.6; }
.welcome-credits__signin { display: flex; flex-wrap: wrap; gap: 12px; }
.welcome-credits button:disabled { opacity: .5; cursor: default; }
@media (max-width: 700px) { .welcome-credits { padding: 20px; } .welcome-credits ol { display: grid; gap: 18px; } }
.welcome-credits__requirements { color: var(--text-2, #bdb5aa); font-size: 14px; }
.welcome-credits [data-step-complete] span { display: block; font-size: 13px; color: var(--text-2, #bdb5aa); }
.welcome-credits [data-step-complete="true"] span { color: #b5c6a8; }