/**
 * Hero background — all main site pages
 * Scoped to body.page-* classes. No layout or navigation changes.
 */

.page-home header,
.page-resume header,
.page-contact header,
.page-interests header,
.page-github header {
  background:
    radial-gradient(circle at 10% 15%, rgba(37, 99, 235, 0.07), transparent 32%),
    radial-gradient(circle at 90% 0%, rgba(14, 165, 233, 0.05), transparent 28%),
    linear-gradient(180deg, #fafcff 0%, #f2f7fc 55%, #eaf2fb 100%);
}

.page-home header > .row,
.page-resume header > .row,
.page-contact header > .row,
.page-interests header > .row,
.page-github header > .row {
  background: transparent;
}

.page-home .bg-color-name-title,
.page-resume .bg-color-name-title,
.page-contact .bg-color-name-title,
.page-interests .bg-color-name-title,
.page-github .bg-color-name-title {
  background-color: transparent !important;
}

.page-home .name,
.page-resume .name,
.page-contact .name,
.page-interests .name,
.page-github .name {
  color: #0f172a;
}

.page-home .title,
.page-resume .title,
.page-contact .title,
.page-interests .title,
.page-github .title {
  color: #475569;
}

.page-home .logo,
.page-resume .logo,
.page-contact .logo,
.page-interests .logo,
.page-github .logo {
  background-image:
    url("../images/bjcode1.jpg"),
    radial-gradient(circle at 55% 42%, rgba(255, 255, 255, 0.025), transparent 62%),
    radial-gradient(circle at 10% 15%, rgba(37, 99, 235, 0.07), transparent 32%),
    radial-gradient(circle at 90% 0%, rgba(14, 165, 233, 0.05), transparent 28%),
    linear-gradient(180deg, #fafcff 0%, #f2f7fc 55%, #eaf2fb 100%);
  background-position: left center, center, center, center, center;
  background-repeat: no-repeat;
  background-size: cover, auto, auto, auto, auto;
}