body {
  margin: 0;
  font-family: Menlo, Monaco, "Courier New", monospace;
  background: #f0f0f0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  min-height: 100vh;
  padding: 2rem 0;
}

.terminal-window {
  background: white;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
  width: 90%;
  max-width: 900px;
  overflow: hidden;
}

.terminal-toolbar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
  background: #adafb5;
}
.dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
}
.red { background: #ef4444; }
.yellow { background: #facc15; }
.green { background: #22c55e; }
.terminal-title {
  margin-left: 12px;
  font-weight: bold;
  font-size: 0.9rem;
}

.terminal-content { padding: 2rem; text-align: left; }

.section-header {
  font-family: Menlo, Monaco, monospace;
  font-weight: bold;
  color: #2d3af3;
  font-size: 1.4rem;
  position: sticky;
  top: 0;
  z-index: 10;
  margin-bottom: 0.5rem;
}

.section-progress { 
  font-family: Menlo, Monaco, monospace; 
  margin: 4px 0 1rem 0; 
  color: #666666;
  font-size: 0.9rem;
}

section { margin-top: 3rem; }

.hero-terminal { margin-bottom: 2rem; }

.image-window {
  display: inline-block;
  border-radius: 12px;
  background: #f5f5f5;
  padding: 8px;
  box-shadow: 0 6px 15px rgba(0,0,0,0.15);
  margin-bottom: 1rem;
}
.profile-img {
  width: 160px;
  height: 160px;
  border-radius: 12px;
  object-fit: cover;
  display: block;
  margin: 0 auto;
}

.hero-terminal h1 { margin-top: 1rem; font-size: 1.8rem; }
.hero-terminal p { margin-top: 0.5rem; color: #444; font-size: 1.1rem; }

.projects .project {
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
  max-width: 600px;
}
.project-img {
  width: 100%;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  margin-bottom: 0.5rem;
}
.project-info h2 { margin: 0; }
.project-info p { margin: 0.5rem 0; color: #333; }
.project-info a { color: blue; text-decoration: underline; }

.tree-list, .tree-list ul { list-style: none; padding-left: 1rem; margin: 0; }
.tree-list li::before { content: "├─ "; display: inline-block; width: 1.5em; }
.tree-list li:last-child::before { content: "└─ "; }
.tree-list li ul li::before { content: "├─ "; }
.tree-list li ul li:last-child::before { content: "└─ "; }

.social-icons { display: flex; gap: 1rem; flex-wrap: wrap; }
.social-link {
  text-decoration: underline;
  font-family: Menlo, Monaco, monospace;
  font-weight: normal;
  transition: all 0.2s ease;
}

/* GitHub - Green (like git) */
.social-link:nth-child(1) {
  color: #00ff00;
}
.social-link:nth-child(1):hover {
  color: #ffffff;
  background-color: #00ff00;
}

/* LinkedIn - Blue (professional) */
.social-link:nth-child(2) {
  color: #0088ff;
}
.social-link:nth-child(2):hover {
  color: #ffffff;
  background-color: #0088ff;
}

/* Google - Red (like Google's brand) */
.social-link:nth-child(3) {
  color: #ff4444;
}
.social-link:nth-child(3):hover {
  color: #ffffff;
  background-color: #ff4444;
}

.badge-container { display: flex; gap: 1rem; flex-wrap: wrap; margin-top: 1rem; }
.gcp-badge { height: 140px; }