:root{color-scheme:dark;font-family:Share Tech Mono,Courier New,monospace;line-height:1.5;font-weight:400;color:var(--text);background:var(--bg);--bg: #030308;--bg-elevated: rgba(6, 8, 22, .94);--bg-card: rgba(4, 6, 18, .96);--border: rgba(0, 245, 255, .14);--border-mag: rgba(255, 0, 170, .18);--text: #c8d8f5;--text-subtle: #5a7a9a;--cyan: #00f5ff;--cyan-dim: rgba(0, 245, 255, .65);--magenta: #ff00aa;--green: #00ff41;--glow-cyan: 0 0 8px rgba(0, 245, 255, .55), 0 0 28px rgba(0, 245, 255, .18);--glow-mag: 0 0 8px rgba(255, 0, 170, .55), 0 0 28px rgba(255, 0, 170, .18);--glow-green: 0 0 6px rgba(0, 255, 65, .7);--shadow-card: 0 8px 48px rgba(0, 0, 0, .85)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);background-image:linear-gradient(rgba(0,245,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,245,255,.025) 1px,transparent 1px);background-size:60px 60px}a{color:inherit;text-decoration:none}p,h1,h2,h3,h4{margin-top:0}#root{min-height:100vh}.app-shell{position:relative;min-height:100vh}.app-shell:before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.06) 2px,rgba(0,0,0,.06) 4px);pointer-events:none;z-index:900}.ambient{display:none}.container{width:min(1120px,calc(100% - 2rem));margin:0 auto}.topbar{position:sticky;top:0;z-index:100;background:#03030ae6;border-bottom:1px solid var(--cyan);box-shadow:0 0 24px #00f5ff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--cyan) 30%,var(--magenta) 70%,transparent 100%);opacity:.5}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:64px}.brand{font-family:Orbitron,monospace;font-weight:900;font-size:1rem;letter-spacing:.18em;color:var(--cyan);text-transform:uppercase;text-shadow:var(--glow-cyan)}.brand:before{content:"> ";color:var(--magenta);text-shadow:var(--glow-mag)}.nav{display:flex;flex-wrap:wrap;gap:1.5rem;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}.nav a{color:var(--text-subtle);transition:color .16s ease,text-shadow .16s ease;position:relative}.nav a:before{content:"[ ";opacity:0;transition:opacity .16s ease;color:var(--cyan)}.nav a:after{content:" ]";opacity:0;transition:opacity .16s ease;color:var(--cyan);position:static;background:none;transform:none;width:auto;height:auto;border-radius:0;display:inline}.nav a:hover{color:var(--cyan);text-shadow:var(--glow-cyan)}.nav a:hover:before,.nav a:hover:after{opacity:1}.hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.9fr);gap:2.5rem;padding:6rem 0 3rem;align-items:center}.hero-kicker{display:flex;align-items:center;gap:.6rem;color:var(--cyan);text-transform:uppercase;letter-spacing:.2em;font-size:.78rem;margin-bottom:1rem;text-shadow:var(--glow-cyan)}.hero-kicker:before{content:"//";color:var(--magenta);text-shadow:var(--glow-mag);font-weight:700}.hero h1{font-family:Orbitron,monospace;font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:900;line-height:1.05;margin-bottom:1.25rem;color:#f0f8ff;text-shadow:0 0 12px rgba(0,245,255,.3),0 0 48px rgba(0,245,255,.1);position:relative}.hero h1:before,.hero h1:after{content:attr(data-glitch);position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}.hero h1:before{color:var(--cyan);clip-path:polygon(0 0,100% 0,100% 35%,0 35%);animation:glitch-top 4s infinite linear;opacity:0}.hero h1:after{color:var(--magenta);clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%);animation:glitch-bot 4s infinite linear;opacity:0}.hero-role{margin-bottom:1rem;font-size:.9rem;color:var(--magenta);letter-spacing:.06em;text-shadow:var(--glow-mag)}.hero-intro{font-size:1rem;color:var(--text);max-width:48rem;line-height:1.85}.hero-description{color:var(--text-subtle);font-size:.9rem}.hero-actions,.project-links,.contact-links,.tag-list,.featured-tech-list{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.75rem}.button,.contact-link{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.75rem 1.5rem;border-radius:0;font-family:Share Tech Mono,monospace;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;transition:all .18s ease;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.button:hover,.contact-link:hover{transform:translateY(-3px)}.button-primary{background:var(--cyan);color:#030308;font-weight:700;box-shadow:var(--glow-cyan)}.button-primary:hover{background:#33faff;box-shadow:0 0 18px #00f5ffcc,0 0 48px #00f5ff59}.button-secondary,.contact-link{background:transparent;color:var(--cyan);border:1px solid var(--cyan);box-shadow:var(--glow-cyan)}.button-secondary:hover,.contact-link:hover{background:#00f5ff1a;box-shadow:var(--glow-cyan),inset 0 0 20px #00f5ff14;color:var(--cyan)}.featured-tech-list{margin-top:1.25rem}.featured-tech-item{display:inline-flex;align-items:center;flex:none;gap:.55rem;min-height:38px;padding:.45rem .85rem;background:#00f5ff0a;border:1px solid rgba(0,245,255,.22);color:var(--cyan-dim);font-size:.82rem;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));transition:all .18s ease}.featured-tech-item:hover{background:#00f5ff1a;border-color:var(--cyan);color:var(--cyan);box-shadow:var(--glow-cyan);transform:translateY(-2px)}.hero-panel{position:relative;border:1px solid rgba(0,245,255,.28);background:var(--bg-elevated);padding:1.5rem;box-shadow:var(--shadow-card),0 0 30px #00f5ff14;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));animation:fadeUp .72s ease both;animation-delay:.18s}.hero-panel:before{content:"";position:absolute;top:-1px;right:-1px;width:34px;height:34px;border-top:2px solid var(--cyan);border-right:2px solid var(--cyan);box-shadow:6px -6px 14px #00f5ff59}.hero-panel:after{content:"";position:absolute;bottom:-1px;left:-1px;width:34px;height:34px;border-bottom:2px solid var(--magenta);border-left:2px solid var(--magenta);box-shadow:-6px 6px 14px #ff00aa59}.hero-panel-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;color:var(--cyan);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;text-shadow:var(--glow-cyan)}.hero-highlight-grid{display:grid;gap:.75rem}.hero-highlight-item{padding:.85rem 1rem;background:#00f5ff08;border-left:2px solid rgba(0,245,255,.4);border-bottom:1px solid rgba(0,245,255,.08);transition:all .18s ease}.hero-highlight-item:hover{background:#00f5ff12;border-left-color:var(--magenta);box-shadow:inset 4px 0 12px #ff00aa14}.hero-highlight-label,.experience-period{margin-bottom:.3rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--cyan)}.hero-highlight-value{margin-bottom:0;color:var(--text);font-size:.88rem}.section{padding:3rem 0 1.5rem;animation:fadeUp .7s ease both}.section-heading{margin-bottom:2rem;position:relative}.section-eyebrow{color:var(--cyan);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:700;margin-bottom:.6rem;text-shadow:var(--glow-cyan)}.section-heading h2{font-family:Orbitron,monospace;font-size:clamp(1.6rem,3.5vw,2.4rem);margin-bottom:0;color:#f0f8ff;text-shadow:0 0 24px rgba(0,245,255,.18)}.section-heading:after{content:"";display:block;width:100%;height:1px;margin-top:1.1rem;background:linear-gradient(90deg,var(--cyan) 0%,var(--magenta) 40%,transparent 100%);opacity:.55}.panel,.about-card,.contact-panel{position:relative;border:1px solid var(--border);border-top-color:#00f5ff59;background:var(--bg-elevated);padding:1.5rem;box-shadow:var(--shadow-card);transition:border-color .22s ease,box-shadow .22s ease}.panel:before,.about-card:before,.contact-panel:before{content:"";position:absolute;top:0;right:0;width:18px;height:18px;border-top:1px solid var(--cyan);border-right:1px solid var(--cyan);box-shadow:3px -3px 8px #00f5ff40}.panel:hover,.about-card:hover,.contact-panel:hover{border-color:#00f5ff59;box-shadow:var(--shadow-card),0 0 24px #00f5ff1a;transform:translateY(-3px)}.panel h3{margin-bottom:1rem;font-family:Orbitron,monospace;font-size:.9rem;font-weight:700;color:var(--cyan);letter-spacing:.06em;text-shadow:var(--glow-cyan)}.about-single{display:block}.about-body{line-height:1.95;color:var(--text)}.card-grid,.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.experience-list{display:grid;gap:1.25rem}.tag{display:inline-flex;align-items:center;flex:none;padding:.3rem .7rem;background:#00f5ff0d;border:1px solid rgba(0,245,255,.2);color:var(--cyan-dim);font-size:.78rem;white-space:nowrap;letter-spacing:.05em;transition:all .16s ease}.tag:before{content:"# ";color:var(--magenta);opacity:.75}.tag:hover{border-color:var(--cyan);color:var(--cyan);box-shadow:var(--glow-cyan)}.experience-card{display:grid;gap:1.1rem}.experience-heading,.certification-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.experience-heading h3{font-family:Orbitron,monospace;font-size:.95rem;font-weight:700;color:#f0f8ff;margin-bottom:0}.experience-role{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .8rem;border:1px solid rgba(255,0,170,.3);background:#ff00aa12;color:var(--magenta);font-size:.78rem;white-space:nowrap;text-shadow:var(--glow-mag);clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}.experience-projects{display:grid;gap:.75rem}.experience-project-card{padding:.85rem 1rem;border-left:2px solid rgba(0,245,255,.3);background:#00f5ff05;border-bottom:1px solid rgba(0,245,255,.06);transition:border-left-color .18s ease,background .18s ease}.experience-project-card:hover{border-left-color:var(--cyan);background:#00f5ff0d}.experience-project-card h4{font-size:.88rem;color:var(--text);margin-bottom:.4rem}.experience-project-card h4:before{content:"▶ ";color:var(--cyan);font-size:.65rem;text-shadow:var(--glow-cyan)}.experience-project-card p{color:var(--text-subtle);font-size:.88rem;margin-bottom:0}.architecture-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:1.25rem}.architecture-panel{padding:1.75rem}.mermaid-shell{display:grid;gap:1.25rem}.diagram-badge{display:inline-flex;align-items:center;gap:.6rem;width:fit-content;min-height:32px;padding:.3rem .9rem;background:#00f5ff0f;border:1px solid rgba(0,245,255,.28);color:var(--cyan);font-size:.78rem;letter-spacing:.12em;text-shadow:var(--glow-cyan)}.diagram-badge:before{content:"◉";font-size:.55rem;color:var(--green);text-shadow:var(--glow-green);animation:blink 1.4s infinite}.mermaid-figure,.mermaid-fallback{padding:1rem;background:#020208eb;border:1px solid rgba(0,245,255,.1)}.mermaid-figure{overflow-x:auto}.mermaid-figure svg{display:block;width:100%;height:auto;min-width:640px}.mermaid-fallback p{margin-bottom:0;color:var(--text-subtle)}.architecture-list{margin:0;padding-left:0;list-style:none;display:grid;gap:1rem;counter-reset:arch}.architecture-list li{position:relative;padding:.8rem 3rem .8rem 1rem;border-left:2px solid rgba(0,245,255,.35);background:#00f5ff06;color:var(--text-subtle);font-size:.88rem;counter-increment:arch;transition:border-color .18s ease,background .18s ease}.architecture-list li:after{content:counter(arch,decimal-leading-zero);position:absolute;top:.8rem;right:.8rem;font-size:.68rem;color:var(--cyan);opacity:.35}.architecture-list li:hover{border-left-color:var(--cyan);background:#00f5ff0e;color:var(--text)}.certification-card{display:grid;gap:.75rem}.certification-header{color:var(--cyan);align-items:center;font-size:.82rem;text-shadow:var(--glow-cyan)}.certification-card h3{font-family:Orbitron,monospace;font-size:.82rem;color:var(--text);font-weight:600;margin-bottom:0;letter-spacing:.03em}.contact-panel{display:grid;gap:1.25rem;margin-bottom:4rem;border-color:var(--border-mag);border-top-color:var(--magenta)}.contact-panel p{color:var(--text-subtle)}.contact-panel:before{border-color:var(--magenta);box-shadow:3px -3px 8px #ff00aa40}.section p,.section li{color:var(--text-subtle)}.project-card{display:grid;gap:1rem}.project-header{display:grid;gap:.8rem}.project-header h4{margin-bottom:0;color:#f0f8ff}.project-outcome{padding-top:.25rem;border-top:1px solid rgba(0,245,255,.1)}.inline-link{display:inline-flex;align-items:center;gap:.35rem;color:var(--cyan);transition:color .18s ease,text-shadow .18s ease}.inline-link:hover{text-shadow:var(--glow-cyan)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glitch-top{0%,80%,to{opacity:0;transform:translate(0)}82%{opacity:.85;transform:translate(-4px,1px)}84%{opacity:0}86%{opacity:.6;transform:translate(3px,-1px)}88%{opacity:0}}@keyframes glitch-bot{0%,83%,to{opacity:0;transform:translate(0)}85%{opacity:.75;transform:translate(4px,-1px)}87%{opacity:0}89%{opacity:.55;transform:translate(-3px,1px)}91%{opacity:0}}@keyframes blink{0%,to{opacity:1}50%{opacity:.15}}.hero-copy>*{animation:fadeUp .7s ease both}.hero-copy>:nth-child(1){animation-delay:0ms}.hero-copy>:nth-child(2){animation-delay:80ms}.hero-copy>:nth-child(3){animation-delay:.14s}.hero-copy>:nth-child(4){animation-delay:.22s}.hero-copy>:nth-child(5){animation-delay:.3s}.hero-copy>:nth-child(6){animation-delay:.38s}.hero-copy>:nth-child(7){animation-delay:.46s}.card-grid>*,.experience-list>*{animation:fadeUp .7s ease both}.card-grid>:nth-child(1),.experience-list>:nth-child(1){animation-delay:40ms}.card-grid>:nth-child(2),.experience-list>:nth-child(2){animation-delay:.12s}.card-grid>:nth-child(3),.experience-list>:nth-child(3){animation-delay:.2s}.card-grid>:nth-child(4),.experience-list>:nth-child(4){animation-delay:.28s}.card-grid>:nth-child(5),.experience-list>:nth-child(5){animation-delay:.36s}.card-grid>:nth-child(6),.experience-list>:nth-child(6){animation-delay:.44s}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:860px){.hero,.card-grid,.about-grid,.experience-list,.architecture-layout{grid-template-columns:1fr}.hero{padding-top:4rem}.topbar-inner{min-height:auto;padding:1rem 0;align-items:flex-start;flex-direction:column}.experience-heading,.certification-header{flex-direction:column;align-items:flex-start}}@media(max-width:560px){.container{width:min(1120px,calc(100% - 1.25rem))}.button,.contact-link{width:100%}}