*{margin:0;padding:0;box-sizing:border-box}
body{background:#0d1117;color:#c9d1d9;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;line-height:1.6}
.nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-bottom:1px solid #21262d;position:sticky;top:0;background:#0d1117;z-index:100}
.logo{color:#58a6ff;font-weight:700;font-size:1.2rem;text-decoration:none}
.nav-links a{color:#c9d1d9;text-decoration:none;margin-left:2rem;font-size:.95rem}
.nav-links a:hover{color:#58a6ff}
.hero{text-align:center;padding:5rem 2rem 3rem;max-width:800px;margin:0 auto}
.hero h1{font-size:3.5rem;color:#fff;margin:1rem 0 .5rem}
.subtitle{font-size:1.3rem;color:#8b949e;margin-bottom:1rem}
.tagline{font-size:1.1rem;color:#58a6ff;margin-bottom:2rem}
.badges{margin-bottom:1rem}
.badge{display:inline-block;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;margin:.2rem}
.badge-green{background:#1a3a2a;color:#3fb950;border:1px solid #238636}
.badge-teal{background:#0d2d3a;color:#58a6ff;border:1px solid #1f6feb}
.badge-amber{background:#3d2a0a;color:#f0883e;border:1px solid #d29922}
.cta-buttons{display:flex;gap:1rem;justify-content:center}
.btn{padding:.7rem 1.5rem;border-radius:6px;text-decoration:none;font-weight:600;font-size:.95rem}
.btn-primary{background:#1f6feb;color:#fff}
.btn-primary:hover{background:#388bfd}
.stats{display:flex;justify-content:center;gap:3rem;padding:2rem;border-top:1px solid #21262d;border-bottom:1px solid #21262d;margin:2rem auto;max-width:700px}
.stat{text-align:center}
.stat-number{display:block;font-size:2rem;font-weight:700;color:#58a6ff}
.stat-label{font-size:.85rem;color:#8b949e}
.projects-section,.certs-section,.lab-section{max-width:1100px;margin:3rem auto;padding:0 2rem}
h2{color:#fff;font-size:1.8rem;margin-bottom:.5rem}
.section-subtitle{color:#8b949e;margin-bottom:2rem}
.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}
.project-card{background:#161b22;border:1px solid #30363d;border-radius:8px;padding:1.5rem;transition:border-color .2s}
.project-card:hover{border-color:#58a6ff}
.project-card h3{color:#fff;margin:.8rem 0 .5rem;font-size:1.15rem}
.project-card p{font-size:.9rem;color:#8b949e;margin-bottom:1rem}
.tag{display:inline-block;padding:.2rem .6rem;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.tag-dco{background:#3d2a0a;color:#f0883e}
.tag-networking{background:#0d2d3a;color:#58a6ff}
.tag-cyber{background:#3a1520;color:#f85149}
.tag-cloud{background:#271d3a;color:#bc8cff}
.tech-tags span{display:inline-block;color:#58a6ff;font-size:.8rem;margin-right:.5rem}
.cert-timeline{max-width:600px}
.cert-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem 0;border-left:2px solid #21262d;padding-left:1.5rem;margin-left:.5rem}
.cert-status{font-size:1.2rem;min-width:1.5rem}
.cert-complete .cert-status{color:#3fb950}
.cert-progress .cert-status{color:#58a6ff}
.cert-planned .cert-status{color:#484f58}
.cert-item strong{color:#fff}
.cert-item p{font-size:.85rem;color:#8b949e;margin-top:.2rem}
.lab-grid{display:flex;flex-wrap:wrap;gap:.8rem}
.lab-item{background:#161b22;border:1px solid #30363d;padding:.6rem 1.2rem;border-radius:6px;font-family:'SF Mono','Fira Code',monospace;font-size:.9rem;color:#58a6ff}
footer{text-align:center;padding:3rem 2rem;border-top:1px solid #21262d;margin-top:4rem;color:#484f58;font-size:.85rem}
@media(max-width:768px){.hero h1{font-size:2.5rem}.stats{gap:1.5rem}.stat-number{font-size:1.5rem}.nav-links a{margin-left:1rem;font-size:.85rem}.project-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column;align-items:center}}
