*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080808;--bg-panel:#0f0f0f;--bg-card:#121212;--bg-hover:#171717;--border:#1e1e1e;--border-bright:#2a2a2a;--text:#d0d0d0;--text-muted:#4a4a4a;--text-dim:#7a7a7a;--green:#00ff41;--green-dim:#00802a;--green-glow:#00ff411f;--green-glow-strong:#00ff4138;--cyan:#00d4ff;--cyan-dim:#00d4ff26;--amber:#ffb000;--font-mono:"Space Mono", "Courier New", monospace}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg);color:var(--text);font-family:var(--font-mono);min-height:100vh;line-height:1.7;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;opacity:.6;background-image:radial-gradient(circle,#1e1e1e 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(#0000 0 3px,#00000008 3px 4px);position:fixed;inset:0}#root{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}a{color:var(--green);text-decoration:none;transition:color .15s,text-shadow .15s}a:hover{color:#fff;text-shadow:0 0 10px var(--green)}h1,h2,h3{font-family:var(--font-mono);font-weight:700;line-height:1.2}h1{font-size:clamp(1.9rem,5vw,3.4rem)}h2{font-size:clamp(1.1rem,2.5vw,1.4rem)}h3{font-size:.95rem}p{color:var(--text);line-height:1.7}code{background:var(--bg-panel);border:1px solid var(--border-bright);font-family:var(--font-mono);color:var(--cyan);padding:.1em .4em;font-size:.875em}ul{list-style:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--green-dim)}::-webkit-scrollbar-thumb:hover{background:var(--green)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-border{0%,to{box-shadow:0 0 6px #00ff4133}50%{box-shadow:0 0 18px #00ff4166}}.cursor{background:var(--green);vertical-align:text-bottom;width:.55em;height:1em;margin-left:4px;animation:1.1s step-end infinite blink;display:inline-block}main{flex:1;width:100%;max-width:940px;margin:0 auto;padding:2.5rem 2rem 5rem}.nav{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#080808f0;align-items:center;gap:2rem;height:56px;padding:0 2.5rem;display:flex;position:sticky;top:0}.nav-prompt{color:var(--green);letter-spacing:.05em;white-space:nowrap;opacity:.8;font-size:.82rem}.nav-links{gap:0;display:flex}.nav-link{color:var(--text-muted);letter-spacing:.12em;border:1px solid #0000;padding:.35rem 1rem;font-size:.78rem;transition:all .15s;position:relative}.nav-link:hover{color:var(--text-dim);text-shadow:none}.nav-link.active{color:var(--green);border:1px solid var(--green-dim);background:var(--green-glow);text-shadow:0 0 12px #00ff4180}.footer{border-top:1px solid var(--border);text-align:center;color:var(--text-muted);letter-spacing:.05em;padding:1rem 2.5rem;font-size:.72rem}.section-label{letter-spacing:.18em;color:var(--green);text-transform:uppercase;opacity:.8;margin-bottom:.4rem;font-size:.7rem}.divider{border:none;border-top:1px solid var(--border);margin:2.5rem 0}.tags{flex-wrap:wrap;gap:.4rem;margin-top:.85rem;display:flex}.tag{border:1px solid var(--green-dim);color:var(--green);letter-spacing:.06em;opacity:.8;padding:.15rem .55rem;font-size:.68rem;transition:opacity .15s}.tag:hover{opacity:1}.page{animation:.35s both fadeIn}.hero{padding:3.5rem 0 0}.hero-content{grid-template-columns:1fr 210px;align-items:center;gap:3rem;display:grid}.hero-text{min-width:0}.hero-eyebrow{color:var(--green);letter-spacing:.25em;opacity:.7;margin-bottom:1.1rem;font-size:.75rem}.hero h1{color:#fff;text-shadow:0 0 40px #ffffff14;margin-bottom:.65rem}.hero-title{color:var(--cyan);letter-spacing:.02em;margin-bottom:1.4rem;font-size:clamp(.85rem,2vw,1rem)}.hero-bio{color:var(--text-dim);max-width:520px;margin-bottom:2rem;font-size:.88rem;line-height:1.85}.hero-links{flex-wrap:wrap;gap:.75rem;display:flex}.hero-photo-slot{background:linear-gradient(to right, var(--green) 2px, transparent 2px) 0 0, linear-gradient(to bottom, var(--green) 2px, transparent 2px) 0 0, linear-gradient(to left, var(--green) 2px, transparent 2px) 100% 0, linear-gradient(to bottom, var(--green) 2px, transparent 2px) 100% 0, linear-gradient(to right, var(--green) 2px, transparent 2px) 0 100%, linear-gradient(to top, var(--green) 2px, transparent 2px) 0 100%, linear-gradient(to left, var(--green) 2px, transparent 2px) 100% 100%, linear-gradient(to top, var(--green) 2px, transparent 2px) 100% 100%;background-repeat:no-repeat;background-size:20px 20px;flex-shrink:0;width:210px;padding:8px}.hero-photo-slot img{object-fit:cover;object-position:center top;filter:grayscale(15%)contrast(1.05);width:100%;height:260px;transition:filter .3s;display:block}.hero-photo-slot img:hover{filter:grayscale(0%)contrast(1.08)}.credentials-bar{border:1px solid var(--border-bright);background:var(--border-bright);grid-template-columns:repeat(4,1fr);gap:1px;margin:2.5rem 0 0;display:grid;overflow:hidden}.credential-item{background:var(--bg-card);cursor:default;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;transition:background .2s;display:flex}.credential-item:hover{background:var(--bg-hover)}.cred-icon{color:var(--green);text-shadow:0 0 8px var(--green);flex-shrink:0;margin-top:2px;font-size:1.1rem;line-height:1}.cred-title{color:#e8e8e8;margin-bottom:.2rem;font-size:.82rem;font-weight:700}.cred-sub{color:var(--text-muted);letter-spacing:.04em;font-size:.7rem;line-height:1.4}.btn{font-family:var(--font-mono);border:1px solid var(--green);color:var(--green);cursor:pointer;letter-spacing:.06em;background:0 0;align-items:center;gap:.4rem;padding:.55rem 1.2rem;font-size:.78rem;transition:all .15s;display:inline-flex;position:relative}.btn:hover{background:var(--green);color:#000;text-shadow:none;box-shadow:0 0 20px #00ff414d}.btn-outline{border-color:var(--border-bright);color:var(--text-dim)}.btn-outline:hover{border-color:var(--text-dim);background:var(--bg-hover);color:var(--text);text-shadow:none;box-shadow:none}.about-grid{background:var(--border-bright);border:1px solid var(--border-bright);grid-template-columns:1fr 1fr;gap:1px;margin-top:1.25rem;display:grid}.about-card{background:var(--bg-card);padding:1.5rem;transition:background .2s}.about-card:hover{background:var(--bg-hover)}.about-card h3{color:var(--green);letter-spacing:.14em;text-transform:uppercase;opacity:.9;margin-bottom:.75rem;font-size:.78rem}.about-card p,.about-card li{color:var(--text-dim);font-size:.84rem;line-height:1.85}.about-card ul li{padding-left:1rem;position:relative}.about-card ul li:before{content:"›";color:var(--green);font-size:1rem;line-height:1.6;position:absolute;left:0}.projects-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:1fr 1fr;gap:1px;margin-top:1.25rem;display:grid}.project-card{background:var(--bg-card);padding:1.5rem;transition:background .2s;position:relative}.project-card:before{content:"";background:var(--green-dim);opacity:0;height:2px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.project-card:hover{background:var(--bg-hover)}.project-card:hover:before{opacity:1}.project-card-header{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.65rem;display:flex}.project-card h3{color:#e8e8e8;font-size:.9rem;line-height:1.3}.project-link{color:var(--green);white-space:nowrap;opacity:.7;flex-shrink:0;font-size:.72rem;transition:opacity .15s}.project-link:hover{opacity:1}.project-card p{color:var(--text-dim);font-size:.82rem;line-height:1.75}.resume-section{margin-bottom:3rem}.resume-section>h2{letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.6rem;font-size:.75rem;display:flex}.resume-section>h2:before{content:"//";color:var(--green);opacity:.7;font-size:.8rem}.timeline{flex-direction:column;gap:2px;display:flex}.timeline-item{background:var(--bg-card);border-left:2px solid var(--green-dim);padding:1.3rem 1.5rem;transition:border-left-color .2s,background .2s;position:relative}.timeline-item:hover{border-left-color:var(--green);background:var(--bg-hover)}.timeline-item:before{content:"";background:var(--green-dim);border-radius:50%;width:8px;height:8px;transition:background .2s;position:absolute;top:1.5rem;left:-5px}.timeline-item:hover:before{background:var(--green);box-shadow:0 0 8px var(--green)}.timeline-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.25rem;display:flex}.timeline-header h3{color:#e8e8e8;font-size:.92rem}.timeline-date{color:var(--text-muted);white-space:nowrap;letter-spacing:.04em;font-size:.72rem}.timeline-company{color:var(--cyan);opacity:.85;margin-bottom:.65rem;font-size:.8rem}.timeline-item p,.timeline-item li{color:var(--text-dim);font-size:.82rem;line-height:1.8}.timeline-item ul{flex-direction:column;gap:.2rem;margin-top:.5rem;display:flex}.timeline-item li{padding-left:1.2rem;position:relative}.timeline-item li:before{content:"—";color:var(--green-dim);position:absolute;left:0}.cert-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1px;display:grid}.cert-card{background:var(--bg-card);border-top:2px solid #0000;padding:1.1rem 1.4rem;transition:background .2s}.cert-card:hover{background:var(--bg-hover);border-top-color:var(--green-dim)}.cert-card h3{color:#e8e8e8;margin-bottom:.35rem;font-size:.86rem;font-weight:700}.cert-issuer{color:var(--cyan);opacity:.8;margin-bottom:.2rem;font-size:.77rem}.cert-date{color:var(--text-muted);letter-spacing:.04em;font-size:.72rem}@media (width<=700px){main{padding:1.5rem 1.1rem 3rem}.nav{gap:1rem;padding:0 1rem}.nav-prompt{display:none}.hero-content{grid-template-columns:1fr;gap:2rem}.hero-photo-slot{order:-1;width:160px}.hero-photo-slot img{width:160px;height:200px}.hero-bio{max-width:100%}.credentials-bar{grid-template-columns:1fr 1fr}.about-grid,.projects-grid{grid-template-columns:1fr}}