@import url('https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400;700&display=swap');

body {
  background: linear-gradient(135deg, #c6cdd4 0%, #f2f4fc 100%);
  color: #202938;
  min-height: 100vh;
}

.site-title {
  font-family: 'Pixelify Sans', sans-serif;
}

.site-header {
  background: #290c5c;
  color: #ffffff;
}

.site-header a:hover{
  color: #ffe08a;

}

.site-header nav a {
  white-space: nowrap;
}

.brand-image-frame {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #ffffff;
  display: grid;
  flex: 0 0 60px;
  overflow: hidden;
  place-items: center;
}

.brand-image {
  width: 85%;
  height: 85%;
  object-fit: contain;
  object-position: +2px -1px;
}

.page-content {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.content-section,
.account-panel {
  background: #ffffff;
  border: 1px solid #dee2e6;
  border-radius: 0.75rem;
  box-shadow: 0 0.5rem 1.5rem rgba(41, 12, 92, 0.08);
}

.content-section {
  padding: 1.5rem;
  margin-bottom: 1.5rem;
}

.account-panel {
  padding: 1rem;
}

.site-footer {
  background: #290c5c;
  color: #f4f3f9;
}

@media (max-width: 575.98px) {
  .page-content {
    padding-top: 1rem;
  }

  .content-section {
    padding: 1rem;
  }
}