@import "https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Share+Tech+Mono&family=Exo+2:wght@300;400;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{color:#b8c7d9;background:#060810;font-family:"Exo 2",sans-serif;font-weight:400;line-height:1.6;overflow-x:hidden}:root{--teal:#4d9ac2;--cyan:#7ed4f5;--amber:#e87808;--bg:#07090f;--bg2:#090d17;--bg3:#0c1220;--panel:#0a0e1c;--border:#1e3a56;--border2:#112038;--text:#a8c0d8;--text2:#5a7a96;--text3:#2e4a66;--glow-t:0 0 16px #4d9ac266;--glow-c:0 0 16px #7ed4f566;--clip:polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px));--clip-sm:polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px))}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}#root{z-index:1;position:relative}.container{max-width:1100px;margin:0 auto;padding:0 2rem}.section{padding:7rem 0}.panel{background:var(--panel);border:1px solid var(--border);clip-path:var(--clip);position:relative;overflow:hidden}.panel:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#4d9ac203 3px 4px);position:absolute;inset:0}.section-label{letter-spacing:.22em;color:var(--teal);text-transform:uppercase;opacity:.8;margin-bottom:.5rem;font-family:Share Tech Mono,monospace;font-size:.65rem;display:block}.section-label:before{content:"[ "}.section-label:after{content:" ]"}.section-title{letter-spacing:.1em;text-transform:uppercase;color:#e2eaf4;margin-bottom:3rem;font-family:Rajdhani,sans-serif;font-size:clamp(1.9rem,4vw,2.8rem);font-weight:700;line-height:1}.section-title span{color:var(--teal)}.nav{z-index:100;border-bottom:1px solid var(--border2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#060810e6;position:fixed;top:0;left:0;right:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1100px;height:52px;margin:0 auto;padding:0 2rem;display:flex}.nav-logo{letter-spacing:.18em;text-transform:uppercase;color:var(--teal);font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:700;text-decoration:none}.nav-logo span{color:var(--text2);font-weight:400}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{letter-spacing:.14em;text-transform:uppercase;color:var(--text2);font-family:Share Tech Mono,monospace;font-size:.68rem;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--teal)}.hero{align-items:center;min-height:100vh;padding-top:52px;display:flex;position:relative}.hero-inner{grid-template-columns:1fr auto;align-items:center;gap:4rem;width:100%;display:grid}.hero-capsuleer-label{letter-spacing:.28em;text-transform:uppercase;color:var(--cyan);margin-bottom:1rem;font-family:Share Tech Mono,monospace;font-size:.65rem}.hero-capsuleer-label:before{content:"◈ "}.hero-name{text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem;font-family:Rajdhani,sans-serif;font-weight:700;line-height:.88}.hero-name-first{color:#e8f0fa;font-size:clamp(2.8rem,7vw,5.5rem);display:block}.hero-name-last{color:var(--teal);text-shadow:var(--glow-t);font-size:clamp(2.8rem,7vw,5.5rem);display:block}.hero-title{letter-spacing:.2em;color:var(--text2);text-transform:uppercase;margin-bottom:2rem;font-family:Share Tech Mono,monospace;font-size:.78rem}.hero-stats{grid-template-columns:1fr 1fr;gap:.65rem;max-width:440px;margin-bottom:2.5rem;display:grid}.hero-stat{background:var(--bg3);border:1px solid var(--border2);clip-path:var(--clip-sm);padding:.55rem .85rem}.hero-stat-label{letter-spacing:.16em;color:var(--text3);text-transform:uppercase;margin-bottom:.15rem;font-family:Share Tech Mono,monospace;font-size:.56rem}.hero-stat-value{color:var(--text);letter-spacing:.05em;font-family:Rajdhani,sans-serif;font-size:.9rem;font-weight:600}.hero-stat-value.online{color:var(--teal)}.hero-cta{flex-wrap:wrap;gap:1rem;display:flex}.btn-primary{letter-spacing:.14em;text-transform:uppercase;background:var(--teal);color:#060810;clip-path:var(--clip-sm);padding:.7rem 1.6rem;font-family:Share Tech Mono,monospace;font-size:.72rem;font-weight:700;text-decoration:none;transition:background .2s,box-shadow .2s;display:inline-block}.btn-primary:hover{background:var(--cyan);box-shadow:var(--glow-c)}.btn-outline{letter-spacing:.14em;text-transform:uppercase;color:var(--teal);border:1px solid var(--teal);clip-path:var(--clip-sm);background:0 0;padding:.7rem 1.6rem;font-family:Share Tech Mono,monospace;font-size:.72rem;text-decoration:none;transition:background .2s,color .2s;display:inline-block}.btn-outline:hover{background:#4d9ac214}.hero-visual{justify-content:center;align-items:center;display:flex}.system-map{width:340px;height:340px}.system-map svg{width:100%;height:100%;overflow:visible}.about-grid{grid-template-columns:1fr 1fr;align-items:start;gap:1.5rem;display:grid}.about-panel{padding:1.75rem}.about-panel-header{letter-spacing:.2em;color:var(--cyan);text-transform:uppercase;border-bottom:1px solid var(--border2);margin-bottom:1.5rem;padding-bottom:.75rem;font-family:Share Tech Mono,monospace;font-size:.6rem}.about-body p{color:var(--text2);margin-bottom:1rem;font-size:.92rem;line-height:1.75}.about-body p:last-child{margin-bottom:0}.emp-history{flex-direction:column;gap:.4rem;display:flex}.emp-row{border-left:2px solid var(--border2);grid-template-columns:12px 1fr;align-items:start;gap:0 .85rem;padding:.7rem .75rem;transition:border-color .2s;display:grid}.emp-row.active{border-left-color:var(--teal)}.emp-dot{background:var(--border);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.emp-dot.active{background:var(--teal);box-shadow:0 0 6px var(--teal)}.emp-year{color:var(--text3);letter-spacing:.1em;font-family:Share Tech Mono,monospace;font-size:.6rem}.emp-label{color:var(--text);text-transform:uppercase;letter-spacing:.06em;font-family:Rajdhani,sans-serif;font-size:.9rem;font-weight:600}.emp-sub{color:var(--text3);margin-top:.1rem;font-family:Share Tech Mono,monospace;font-size:.6rem}.skills-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.skill-cat-block{padding:1.2rem 1.4rem}.skill-cat-name{letter-spacing:.16em;text-transform:uppercase;color:var(--text);align-items:center;gap:.6rem;margin-bottom:.85rem;font-family:Rajdhani,sans-serif;font-size:.78rem;font-weight:700;display:flex}.skill-cat-name:before{content:"";background:var(--teal);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);width:6px;height:6px;display:inline-block}.skill-tags{flex-wrap:wrap;gap:.35rem;display:flex}.skill-tag{letter-spacing:.06em;background:var(--bg3);border:1px solid var(--border2);color:var(--text2);clip-path:polygon(0 0,calc(100% - 5px) 0,100% 5px,100% 100%,5px 100%,0 calc(100% - 5px));padding:.25rem .6rem;font-family:Share Tech Mono,monospace;font-size:.64rem;transition:border-color .2s,color .2s}.skill-tag:hover{border-color:var(--teal);color:var(--teal)}.timeline{flex-direction:column;gap:1.25rem;display:flex}.timeline-item{padding:1.5rem 1.75rem}.timeline-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.3rem;display:flex}.timeline-role{letter-spacing:.1em;text-transform:uppercase;color:#e2eaf4;font-family:Rajdhani,sans-serif;font-size:1.15rem;font-weight:700}.timeline-period{letter-spacing:.1em;color:var(--teal);white-space:nowrap;clip-path:var(--clip-sm);border:1px solid #4d9ac24d;flex-shrink:0;padding:.2rem .55rem;font-family:Share Tech Mono,monospace;font-size:.62rem}.timeline-period.dim{color:var(--text3);border-color:var(--border2)}.timeline-company{color:var(--text3);letter-spacing:.1em;margin-bottom:1rem;font-family:Share Tech Mono,monospace;font-size:.65rem}.timeline-bullets{flex-direction:column;gap:.45rem;list-style:none;display:flex}.timeline-bullets li{color:var(--text2);padding-left:1.2rem;font-size:.88rem;line-height:1.6;position:relative}.timeline-bullets li:before{content:"▸";color:var(--teal);font-size:.7rem;position:absolute;top:.18rem;left:0}.projects-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.blueprint-card{color:inherit;cursor:default;flex-direction:column;gap:.7rem;padding:1.5rem;text-decoration:none;transition:border-color .25s;display:flex}a.blueprint-card{cursor:pointer}.blueprint-card:hover{border-color:#4d9ac280}.bp-status-row{justify-content:space-between;align-items:center;display:flex}.bp-status{letter-spacing:.18em;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 4px) 0,100% 4px,100% 100%,4px 100%,0 calc(100% - 4px));padding:.18rem .5rem;font-family:Share Tech Mono,monospace;font-size:.56rem}.bp-status.active{color:var(--teal);background:#4d9ac212;border:1px solid #4d9ac240}.bp-status.blueprint{color:var(--cyan);background:#7ed4f512;border:1px solid #7ed4f540}.bp-status.completed{color:var(--text3);border:1px solid var(--border2);background:0 0}.bp-arrow{width:13px;height:13px;color:var(--teal);opacity:.5;flex-shrink:0;transition:opacity .2s}a.blueprint-card:hover .bp-arrow{opacity:1}.bp-name{letter-spacing:.1em;text-transform:uppercase;color:#e2eaf4;font-family:Rajdhani,sans-serif;font-size:1.2rem;font-weight:700}.bp-tagline{color:var(--text3);letter-spacing:.06em;font-family:Share Tech Mono,monospace;font-size:.64rem}.bp-desc{color:var(--text2);flex:1;font-size:.87rem;line-height:1.65}.bp-stack{flex-wrap:wrap;gap:.3rem;margin-top:auto;padding-top:.25rem;display:flex}.stack-tag{letter-spacing:.05em;border:1px solid var(--border2);color:var(--text3);clip-path:polygon(0 0,calc(100% - 4px) 0,100% 4px,100% 100%,4px 100%,0 calc(100% - 4px));background:#0d1220e6;padding:.18rem .45rem;font-family:Share Tech Mono,monospace;font-size:.6rem}.cert-list{flex-direction:column;gap:.9rem;display:flex}.cert-item{grid-template-columns:28px 1fr;align-items:start;gap:0 1rem;padding:1.2rem 1.5rem;display:grid}.cert-icon{color:var(--teal);opacity:.6;padding-top:.15rem;font-family:Share Tech Mono,monospace;font-size:1rem}.cert-period{color:var(--text3);letter-spacing:.1em;margin-bottom:.2rem;font-family:Share Tech Mono,monospace;font-size:.6rem}.cert-degree{letter-spacing:.08em;text-transform:uppercase;color:#e2eaf4;margin-bottom:.15rem;font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:700}.cert-institution{color:var(--text3);letter-spacing:.06em;font-family:Share Tech Mono,monospace;font-size:.64rem}.contact-inner{text-align:center;padding:3rem}.contact-system{letter-spacing:.22em;color:var(--text3);text-transform:uppercase;margin-bottom:1rem;font-family:Share Tech Mono,monospace;font-size:.62rem}.contact-sub{color:var(--text2);max-width:480px;margin:0 auto 2rem;font-size:.92rem}.contact-email{letter-spacing:.08em;color:var(--teal);clip-path:var(--clip-sm);border:1px solid #4d9ac259;margin-bottom:2rem;padding:.75rem 2rem;font-family:Share Tech Mono,monospace;font-size:.85rem;text-decoration:none;transition:background .2s,box-shadow .2s;display:inline-block}.contact-email:hover{box-shadow:var(--glow-t);background:#4d9ac212}.contact-links{justify-content:center;gap:1.5rem;display:flex}.contact-link{letter-spacing:.1em;text-transform:uppercase;color:var(--text2);align-items:center;gap:.45rem;font-family:Share Tech Mono,monospace;font-size:.7rem;text-decoration:none;transition:color .2s;display:flex}.contact-link svg{width:15px;height:15px}.contact-link:hover{color:var(--teal)}.footer{border-top:1px solid var(--border2);text-align:center;padding:2rem}.footer p{letter-spacing:.14em;color:var(--text3);text-transform:uppercase;font-family:Share Tech Mono,monospace;font-size:.6rem}.fade-up{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(18px)}.fade-up.visible{opacity:1;transform:translateY(0)}.d1{transition-delay:0s}.d2{transition-delay:80ms}.d3{transition-delay:.16s}.d4{transition-delay:.24s}.d5{transition-delay:.32s}@media (width<=900px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.hero-inner{grid-template-columns:1fr}.hero-visual{display:none}.about-grid,.projects-grid{grid-template-columns:1fr}.nav-links{display:none}.skills-grid{grid-template-columns:1fr}}