:root{--bg:#0a0c0a;--bg2:#0f120f;--bg3:#141814;--border:#1e271e;--green:#39ff6a;--green-dim:#1a7a35;--green-glow:#39ff6a1f;--text:#c8dfc8;--text-dim:#5a7a5a;--amber:#f5a623;--mono:"JetBrains Mono", monospace;--sans:"Space Grotesk", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.7;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:1000;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);position:fixed;inset:0}nav{z-index:900;backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0a0c0aeb;justify-content:space-between;align-items:center;height:56px;padding:0 2.5rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{font-family:var(--mono);color:var(--green);letter-spacing:.05em;font-size:.85rem}.nav-logo span{color:var(--text-dim)}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{font-family:var(--mono);color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--green)}main{max-width:860px;margin:0 auto;padding:100px 2rem 6rem}section{margin-bottom:6rem}.section-label{font-family:var(--mono);color:var(--green);letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:.7rem;display:flex}.section-label:before{content:"//";color:var(--green-dim)}.section-label:after{content:"";background:var(--border);flex:1;height:1px}h2.section-title{font-family:var(--sans);color:#e8f5e8;letter-spacing:-.02em;margin-bottom:2.5rem;font-size:2rem;font-weight:600}#about{flex-direction:column;justify-content:center;min-height:60vh;padding-top:3rem;display:flex}.hero-eyebrow{font-family:var(--mono);color:var(--green);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:.78rem;display:flex}.hero-eyebrow:before{content:"";background:var(--green);width:24px;height:1px}h1{font-family:var(--sans);letter-spacing:-.03em;color:#e8f5e8;margin-bottom:.4rem;font-size:clamp(2.4rem,6vw,4.2rem);font-weight:700;line-height:1.1}.hero-subtitle{font-family:var(--mono);color:var(--green);margin-bottom:1.75rem;font-size:1rem}.hero-bio{max-width:560px;color:var(--text);margin-bottom:2.25rem;font-size:1.05rem;line-height:1.8}.hero-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:2.5rem;display:flex}.tag{font-family:var(--mono);letter-spacing:.08em;border:1px solid var(--border);color:var(--text-dim);background:var(--bg2);white-space:nowrap;border-radius:2px;padding:.3rem .75rem;font-size:.7rem}.tag.highlight{border-color:var(--green-dim);color:var(--green);background:var(--green-glow)}.hero-cta{flex-wrap:wrap;gap:1rem;display:flex}.btn{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border:none;border-radius:2px;padding:.65rem 1.5rem;font-size:.75rem;text-decoration:none;transition:all .2s}.btn-primary{background:var(--green);color:#0a0c0a;font-weight:700}.btn-primary:hover{background:#5fff8a;box-shadow:0 0 20px #39ff6a59}.btn-ghost{color:var(--text-dim);border:1px solid var(--border);background:0 0}.btn-ghost:hover{border-color:var(--green-dim);color:var(--green)}.status-bar{font-family:var(--mono);color:var(--text-dim);border-top:1px solid var(--border);align-items:center;gap:1.5rem;margin-top:3rem;padding-top:1.5rem;font-size:.68rem;display:flex}.status-dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 8px var(--green);border-radius:50%;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.status-bar a{color:var(--text-dim);text-decoration:none}.status-bar a:hover{color:var(--green)}.prompt{font-family:var(--mono);color:var(--text-dim);align-items:center;gap:.4rem;margin-bottom:2rem;font-size:.72rem;display:flex}.prompt-user{color:var(--green)}.prompt-host{color:var(--amber)}.prompt-path{color:var(--text-dim)}.timeline{flex-direction:column;gap:0;display:flex}.timeline-item{grid-template-columns:1px 1fr;gap:0 1.75rem;display:grid;position:relative}.timeline-line{background:var(--border);width:1px;position:relative}.timeline-line:before{content:"";border:1px solid var(--green);background:var(--bg);border-radius:50%;width:9px;height:9px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.timeline-content{padding-bottom:3rem}.timeline-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.35rem;display:flex}.job-title{font-family:var(--sans);color:#e8f5e8;font-size:1.05rem;font-weight:600}.job-period{font-family:var(--mono);color:var(--green);letter-spacing:.08em;white-space:nowrap;margin-top:3px;font-size:.68rem}.job-company{font-family:var(--mono);color:var(--text-dim);margin-bottom:1rem;font-size:.75rem}.job-company span{color:var(--amber)}.job-bullets{flex-direction:column;gap:.4rem;list-style:none;display:flex}.job-bullets li{color:var(--text);gap:.75rem;font-size:.9rem;line-height:1.6;display:flex}.job-bullets li:before{content:"›";color:var(--green-dim);font-family:var(--mono);flex-shrink:0}.projects-grid{border:1px solid var(--border);background:var(--border);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1px;display:grid}.project-card{background:var(--bg2);flex-direction:column;gap:.75rem;padding:1.5rem;transition:background .2s;display:flex}.project-card:hover{background:var(--bg3)}.project-card-top{justify-content:space-between;align-items:flex-start;display:flex}.project-icon{font-family:var(--mono);color:var(--green);font-size:1.1rem}.project-links{gap:.5rem;display:flex}.project-link{font-family:var(--mono);color:var(--text-dim);border:1px solid var(--border);border-radius:2px;padding:.2rem .5rem;font-size:.62rem;text-decoration:none;transition:all .15s}.project-link:hover{color:var(--green);border-color:var(--green-dim)}.project-name{font-family:var(--sans);color:#e8f5e8;font-size:.95rem;font-weight:600}.project-desc{color:var(--text-dim);font-size:.82rem;line-height:1.6}.project-stack{flex-wrap:wrap;gap:.35rem;margin-top:auto;display:flex}.stack-tag{font-family:var(--mono);color:var(--green-dim);background:var(--green-glow);border-radius:2px;padding:.15rem .5rem;font-size:.62rem}.edu-grid{flex-direction:column;gap:1.25rem;display:flex}.edu-card{border:1px solid var(--border);background:var(--bg2);align-items:flex-start;gap:1.5rem;padding:1.5rem;display:flex}.edu-year{font-family:var(--mono);color:var(--green);letter-spacing:.08em;white-space:nowrap;min-width:70px;padding-top:3px;font-size:.68rem}.edu-degree{font-family:var(--sans);color:#e8f5e8;margin-bottom:.2rem;font-size:1rem;font-weight:600}.edu-institution{font-family:var(--mono);color:var(--amber);margin-bottom:.5rem;font-size:.72rem}.edu-note{color:var(--text-dim);font-size:.82rem}.cert-grid{border:1px solid var(--border);background:var(--border);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1px;display:grid}.cert-card{background:var(--bg2);flex-direction:column;gap:.4rem;padding:1.25rem 1.5rem;transition:background .2s;display:flex}.cert-card:hover{background:var(--bg3)}.cert-badge{font-family:var(--mono);color:var(--green);letter-spacing:-.02em;font-size:1.2rem;font-weight:700}.cert-name{font-family:var(--sans);color:#e8f5e8;font-size:.85rem;font-weight:600;line-height:1.4}.cert-issuer{font-family:var(--mono);color:var(--text-dim);font-size:.65rem}.cert-year{font-family:var(--mono);color:var(--amber);margin-top:auto;font-size:.65rem}.volunteer-list{flex-direction:column;gap:1.5rem;display:flex}.vol-item{grid-template-columns:3px 1fr;gap:0 1.5rem;display:grid}.vol-accent{background:var(--green-dim);border-radius:1px}.vol-role{font-family:var(--sans);color:#e8f5e8;margin-bottom:.2rem;font-size:1rem;font-weight:600}.vol-org{font-family:var(--mono);color:var(--amber);gap:1rem;margin-bottom:.6rem;font-size:.72rem;display:flex}.vol-org span{color:var(--text-dim)}.vol-desc{color:var(--text);font-size:.88rem;line-height:1.65}footer{border-top:1px solid var(--border);text-align:center;font-family:var(--mono);color:var(--text-dim);padding:2rem;font-size:.68rem}footer a{color:var(--green-dim);text-decoration:none}footer a:hover{color:var(--green)}@media (width<=600px){nav{padding:0 1.25rem}.nav-links{gap:1.25rem}main{padding:85px 1.25rem 4rem}h1{font-size:2.2rem}.cert-grid{grid-template-columns:1fr 1fr}.projects-grid{grid-template-columns:1fr}}
