.arex-oauth-page {
  --ads-stack-gap: var(--ads-space-6);
  min-height: calc(100vh - 8rem);
  justify-content: center;
  padding-block: var(--ads-space-12);
}

.arex-oauth-page h1 { margin-block: var(--ads-space-2) var(--ads-space-3); }
.arex-oauth-scope { display: flex; align-items: center; gap: var(--ads-space-3); color: var(--ads-color-semantic-text-secondary); }
.arex-oauth-scope .ads-icon { color: var(--ads-color-semantic-text-accent); }
.arex-oauth-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--ads-space-3); }

@media (max-width: 40rem) {
  .arex-oauth-actions form,
  .arex-oauth-actions .ads-button { width: 100%; }
}