:root {
  --bg1:#0b0f1e;
  --bg2:#0a1330;
  --muted:#aab8c8;
  --accent:#4db5ff;
  --accent2:#7effd4;
  --stroke:rgba(255,255,255,.08);
}

html, body { height:100%; }
body {
  font-family: Inter, system-ui, Segoe UI, Roboto, Arial;
  background: linear-gradient(135deg,var(--bg1),var(--bg2));
  color:#e9eff8;
}

/* Navbar */
.navbar { backdrop-filter: blur(10px); border-bottom:1px solid var(--stroke); }

/* Hero */
.hero-avatar {
  width:120px; height:120px;
  border-radius:50%; overflow:hidden;
  border:2px solid var(--accent);
  box-shadow:0 0 18px rgba(77,181,255,.35);
}
.hero-badge { background: rgba(255,255,255,.06); border:1px solid var(--stroke); }

/* Section spacing */
section { padding:64px 0; }

/* Cards */
.card {
  background: rgba(16,26,51,.65);
  border:1px solid var(--stroke);
}
.card:hover {
  transform: translateY(-3px);
  transition:.25s;
  box-shadow:0 10px 24px rgba(0,0,0,.35);
}
.card-img-top { aspect-ratio:16/9; object-fit:cover; }

/* Filter pills */
.filter-btn {
  border:1px solid var(--stroke);
  background: rgba(255,255,255,.06);
  color:#e9eff8;
}
.filter-btn.active {
  background: linear-gradient(135deg,var(--accent),var(--accent2));
  color:#001022;
  border-color: transparent;
}

/* Modal */
.modal-content { background:#0d1326; border:1px solid var(--stroke); }
.carousel-indicators [data-bs-target] { background-color:#9acfff; }

footer { border-top:1px solid var(--stroke); }
#education-experience h2 {
  border-left: 4px solid var(--accent);
  padding-left: 8px;
}