:root{
  --bg: #0b0f17;
  --panel: #121826;
  --muted: #8b95a7;
  --ink: #dbe2f1;
  --lime: #a3e635;   /* neon lime */
  --orange: #fb923c; /* neon orange */
}

*{ box-sizing: border-box; }
html, body{ height:100%; }
body{
  background: radial-gradient(900px 500px at 10% -10%, rgba(163,230,53,.08), transparent 60%),
              radial-gradient(800px 400px at 90% -10%, rgba(251,146,60,.08), transparent 60%),
              var(--bg);
  color: var(--ink);
  font-feature-settings: "ss01" 1;
}

#net{ position:fixed; inset:0; z-index:-1; opacity:.35; }

a{ color: var(--ink); text-decoration: none; }
a:hover{ color: #fff; }

.brand{ font-weight:700; letter-spacing:.5px; }
.brand .dot{ color: var(--lime); margin-left: 2px; }

.nav-link{ color: var(--muted); }
.nav-link:hover{ color: #fff; }

.hero .accent{ color: var(--lime); }
.hero .sub{ color: var(--muted); font-size: .8em; letter-spacing: .4px; }
.chip{
  border:1px dashed rgba(163,230,53,.45);
  color:#eaffcc; padding:.2rem .6rem; border-radius:999px; font-size:.85rem;
  background: rgba(163,230,53,.06);
}

.card-bg{
  background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.00));
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 16px;
  box-shadow: 0 8px 40px rgba(2,6,23,.25);
}

.term .term-head{ display:flex; gap:8px; align-items:center; margin-bottom:8px; color: var(--muted); }
.led{ width:10px; height:10px; border-radius:999px; display:inline-block; }
.led-orange{ background: var(--orange); box-shadow: 0 0 12px var(--orange); }
.led-lime{ background: var(--lime); box-shadow: 0 0 12px var(--lime); }
.path{ margin-left:auto; font-size:.85rem; }

pre{ background:#0a0f1a; color:#d1e7ff; border-radius: 12px; padding: 12px 14px; overflow:auto; }

.section{ padding: 56px 0; }
.section-title{ font-weight:800; text-transform: lowercase; letter-spacing:.4px; margin-bottom: 16px; }

.kicker{ color: var(--orange); font-weight:700; text-transform: uppercase; font-size:.75rem; letter-spacing:.6px; }

.tile:hover{ transform: translateY(-2px); transition:.2s; }

.note .note-tag{
  display:inline-block; font-size:.75rem; letter-spacing:.4px; text-transform: uppercase;
  background: rgba(251,146,60,.1); color: var(--orange);
  border: 1px solid rgba(251,146,60,.35);
  padding:.2rem .5rem; border-radius:6px; margin-bottom: .6rem;
}

.link-tile{ border:1px dashed rgba(148,163,184,.28); border-radius: 14px; }
.link-tile:hover{ border-color: rgba(163,230,53,.6); box-shadow: 0 4px 24px rgba(163,230,53,.12); }

.btn-ghost{
  border:1px solid rgba(148,163,184,.25);
  color: var(--ink);
  background: transparent;
}
.btn-ghost:hover{
  border-color: rgba(163,230,53,.6);
  background: rgba(163,230,53,.06);
}


/* v2 avatar + about/skills/contact tweaks */
.avatar-wrap{ display:flex; align-items:center; gap:18px; }
.avatar{ width:132px; height:132px; border-radius:50%; object-fit:cover; border:2px dashed rgba(163,230,53,.45); box-shadow: 0 0 0 6px rgba(163,230,53,.06); }
.about-text{ color: var(--muted); }
.skill-pill{ border:1px solid rgba(148,163,184,.28); border-radius:12px; padding:.5rem .75rem; background: rgba(255,255,255,.02); }
.skill-pill:hover{ border-color: rgba(163,230,53,.6); }
.contact-item{ display:flex; align-items:center; gap:10px; padding:.75rem 1rem; border:1px dashed rgba(148,163,184,.28); border-radius:12px; }
.contact-item:hover{ border-color: rgba(163,230,53,.6); }
    
/* v3 mobile & avatar sizing */
:root{
  --avatar-size: clamp(120px, 28vw, 220px);
}
.avatar-wrap{ flex-wrap: wrap; justify-content: center; text-align: center; }
.avatar{
  width: var(--avatar-size);
  height: var(--avatar-size);
}
@media (max-width: 576px){
  .hero .display-5{ font-size: 2rem; }
  .hero .lead{ font-size: 1rem; }
  .section{ padding: 40px 0; }
}
@media (min-width: 992px){
  .avatar-wrap{ justify-content: flex-start; text-align: left; }
}