.page-profile {
  max-width: 760px;
}

.page-profile__panel {
  margin-bottom: 0.95rem;
}

.page-profile__welcome {
  margin: 0 0 0.2rem;
  font-size: 1.04rem;
  font-weight: 600;
  color: color-mix(in srgb, var(--secondary-color) 90%, #ffffff 10%);
}

.page-profile__status {
  margin: 0;
  color: color-mix(in srgb, var(--secondary-color) 75%, #ffffff 25%);
}

.page-profile__actions {
  margin-top: 0.75rem;
}

.page-profile__badge-panel {
  border-color: color-mix(in srgb, var(--primary-color) 45%, transparent);
  background:
    radial-gradient(circle at 100% -15%, color-mix(in srgb, var(--primary-color) 20%, transparent), transparent 45%),
    radial-gradient(circle at 0% 120%, color-mix(in srgb, var(--accent-color) 14%, transparent), transparent 45%),
    color-mix(in srgb, var(--bg-color) 88%, #1a1a1d 12%);
}

.page-profile__section-title {
  margin: 0 0 0.4rem;
  font-size: 1.15rem;
}

.page-profile__hint {
  margin: 0 0 0.85rem;
  color: color-mix(in srgb, var(--secondary-color) 76%, #ffffff 24%);
}

.page-profile__badge-form {
  margin-top: 0.15rem;
  display: flex;
  align-items: flex-end;
  gap: 0.7rem;
}

.page-profile__badge-form .filters__field {
  flex: 1 1 24rem;
}

.page-profile__badge-form .filters__actions {
  flex: 0 0 auto;
}

.page-profile__badge-form .filters__button[disabled] {
  opacity: 0.65;
  cursor: not-allowed;
}

.page-profile .premium-hint {
  margin-top: 0.45rem;
  text-align: left;
  padding: 0.35rem 0.5rem;
}

@media (max-width: 640px) {
  .page-profile__badge-form {
    flex-direction: column;
    align-items: stretch;
  }

  .page-profile__badge-form .filters__field,
  .page-profile__badge-form .filters__actions,
  .page-profile__badge-form .filters__button {
    width: 100%;
  }
}