.profile-public {
  min-height: 100vh;
  background:
    radial-gradient(
      circle at 8% 8%,
      color-mix(in srgb, var(--profile-accent, #6366f1) 12%, transparent),
      transparent 28rem
    ),
    radial-gradient(circle at 92% 28%, rgba(var(--bs-info-rgb), 0.08), transparent 24rem), var(--bs-body-bg);
  color: var(--bs-gray-900, #172033);
}
.profile-page {
  max-width: 1240px;
}
.profile-public .portfolio-home {
  min-height: auto;
  padding-top: 0.5rem;
}
.profile-public .portfolio-avatar-ring {
  background: conic-gradient(
    from 180deg,
    var(--profile-accent, #6366f1),
    var(--bs-info),
    var(--bs-success),
    var(--profile-accent, #6366f1)
  );
}
.profile-public .portfolio-avatar-inner img {
  background: var(--bs-gray-100);
  object-fit: cover;
}
.profile-public .portfolio-bio {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  line-height: 1.8;
}
.profile-location {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.15rem;
}
.profile-preview,
.profile-content-card {
  background: color-mix(in srgb, var(--bs-body-bg) 94%, transparent);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 1.5rem !important;
}
.profile-content-grid {
  align-items: start;
}
.profile-content-card {
  overflow: hidden;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}
.profile-content-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.08) !important;
}
.profile-section-icon {
  width: 2.65rem;
  height: 2.65rem;
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 0.85rem;
  color: var(--profile-accent, #6366f1);
  background: color-mix(in srgb, var(--profile-accent, #6366f1) 12%, transparent);
  font-size: 1.05rem;
}
.profile-video-icon {
  color: var(--bs-danger);
}
.profile-info-row {
  padding: 0.2rem 0 1rem;
}
.profile-info-row + .profile-info-row {
  padding-top: 1rem;
  border-top: 1px dashed var(--bs-gray-300);
}
.profile-paragraph {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  line-height: 1.8;
}
.profile-skill {
  background: linear-gradient(
    90deg,
    var(--profile-accent, #6366f1),
    color-mix(in srgb, var(--profile-accent, #6366f1) 65%, var(--bs-info))
  );
}
.profile-video {
  overflow: hidden;
  border-radius: 1rem;
  background: #111;
  box-shadow: 0 0.75rem 2rem rgba(0, 0, 0, 0.08);
}
.profile-video iframe {
  border: 0;
}
[data-personal-profile] .profile-editor-avatar {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  object-fit: cover;
  background: var(--bs-gray-100);
}
[data-personal-profile] [data-profile-row] {
  scroll-margin-top: 90px;
}
.profile-public .text-muted {
  color: var(--bs-gray-700, #4b5675) !important;
}
@media (min-width: 992px) {
  .profile-location {
    justify-content: flex-start;
  }
  .profile-content-grid > aside {
    position: sticky;
    top: 1.5rem;
  }
}
@media (max-width: 991.98px) {
  .profile-page {
    padding-inline: 1rem;
  }
}
@media (max-width: 575.98px) {
  .profile-page {
    padding-inline: 0.75rem;
  }
  .profile-preview,
  .profile-content-card {
    border-radius: 1rem !important;
  }
  .profile-public .profile-content-card .card-body {
    padding: 1.5rem !important;
  }
  .profile-content-card:hover {
    transform: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .profile-content-card {
    transition: none;
  }
}