/* BASE */
body {
  margin: 0;
  background-color: #000000; /* PURE BLACK */
  color: #ffffff;
  font-family: Arial, sans-serif;
}

.container {
  max-width: 900px;
  margin: auto;
  padding: 40px 20px;
}

/* NAME SECTION */
.name-section {
  text-align: center;
  margin-bottom: 20px;
}

.profile-photo {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid #facc15;
  box-shadow: 0 0 20px rgba(250, 204, 21, 0.6);
  margin-bottom: 12px;
}

.main-name {
  font-size: 44px;
  margin: 0;
  color: #facc15;
}

.name-role {
  color: #eab308;
  margin-top: 6px;
}

/* SECTIONS */
section {
  margin-top: 24px;
}

h2 {
  margin-bottom: 10px;
  color: #e5e7eb;
}

.subtitle {
  color: #cbd5f5;
}

/* =========================
   LINKS & EMAIL GLOW
========================= */
a {
  color: #facc15;
  text-decoration: none;
  transition: all 0.3s ease;
}

/* GLOW ON HOVER (LINKS + EMAIL) */
a:hover {
  color: #fde047;
  text-shadow: 
    0 0 6px rgba(250, 204, 21, 0.8),
    0 0 12px rgba(250, 204, 21, 0.6),
    0 0 20px rgba(250, 204, 21, 0.4);
}

/* PROJECTS */
.projects {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
}

.project-card {
  background-color: #050505; /* slight contrast on black */
  padding: 20px;
  border-radius: 10px;
}

/* PROJECT LINKS (BUTTON FEEL) */
.project-card a {
  display: inline-block;
  margin-top: 10px;
  padding: 6px 12px;
  border-radius: 6px;
  border: 1px solid #facc15;
}

/* PROFILE LINKS */
.profile-links {
  list-style: none;
  padding: 0;
}

.profile-links li {
  margin-bottom: 8px;
}

/* SMOOTH EXPERIENCE */
* {
  box-sizing: border-box;
}