/* Global typography and layout */
body {
  background-color: #121212;
  color: #f5f5f5;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

a {
  text-decoration: none;
}

/* Headings */
h1 {
  text-align: center;
  margin-top: 40px;
}

h2, h3 {
  margin-top: 1rem;
}

/* Brand name highlight */
#name {
  color: #FFD700;
}

/* Logo */
#logo {
  width: 7rem;
  height: auto;
  border-radius: 50%;
}

/* Navbar active underline */
.navbar-nav .nav-link.active {
  border-bottom: 2px solid #FFD700;
}

/* Hero section */
.hero-section {
  padding: 80px 0 60px;
  background: radial-gradient(circle at top, #1f1f1f 0, #121212 60%);
}

.col-md-4 p {
 color: #dcdcdc !important;
}
/* Cards */
.card {
  background-color: #1e1e1e;
  border: 1px solid #2a2a2a;
}

.card p,.card ul {
  color: #dcdcdc;
}

.card-title {
  color: #FFD700;
}

/* About photo (reusing logo style but can be different image later) */
.about-photo {
  width: 9rem;
  height: 9rem;
  border-radius: 50%;
  object-fit: cover;
}

/* Footer */
footer {
  border-top: 1px solid #2a2a2a;
}

/* Utility */
.bg-body-secondary {
  background-color: #1a1a1a !important;
}
.invalid-feedback {
  display: block;
  margin-top: 5px;
}