:root{--bg:#07100f;--paper:#0b1716;--text:#eaf1ec;--muted:#94a39e;--line:rgba(189,218,206,.16);--lime:#b9f969;--cyan:#62e7df;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.nav{position:fixed;z-index:20;top:0;left:0;right:0;height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,80px);border-bottom:1px solid transparent;transition:.35s;background:linear-gradient(to bottom,rgba(7,16,15,.88),transparent)}.nav.scrolled{height:65px;background:rgba(7,16,15,.9);backdrop-filter:blur(15px);border-color:var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:13px;text-decoration:none;color:var(--text);font-weight:700;letter-spacing:.02em}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--lime);color:var(--lime);font:500 10px 'DM Mono',monospace}.nav nav{display:flex;gap:25px}.nav nav a,.nav-resume{font-size:11px;color:var(--muted);text-decoration:none;transition:.2s}.nav nav a:hover,.nav nav .active{color:var(--lime)}.nav-resume{color:var(--text);border-bottom:1px solid var(--lime);padding-bottom:5px}.nav-resume span,.text-link span{color:var(--lime)}.menu{display:none;background:none;border:0;color:white;font-size:21px}.section{max-width:1360px;margin:auto;padding-left:clamp(22px,5vw,80px);padding-right:clamp(22px,5vw,80px)}.hero{min-height:100vh;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;padding-top:84px;gap:30px}.eyebrow{margin:0 0 20px;color:var(--lime);font:500 10px 'DM Mono',monospace;letter-spacing:.16em;text-transform:uppercase}.pulse,.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime);margin-right:8px}.hero h1,.section-heading h2,.architecture h2,.contact-section h2{font-size:clamp(49px,6.1vw,89px);line-height:.96;letter-spacing:-.07em;margin:0;font-weight:700}.hero h1 em,h2 em{font:italic 1.03em var(--serif);letter-spacing:-.08em;font-weight:400;color:#d8e6dc}.intro{max-width:525px;margin:30px 0;color:var(--muted);font-size:15px;line-height:1.8}.intro strong{color:var(--text)}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:24px;padding:15px 17px;text-decoration:none;text-transform:uppercase;font:500 10px 'DM Mono',monospace;letter-spacing:.08em;transition:.25s}.button.primary{background:var(--lime);color:#102012}.button.primary:hover{transform:translateY(-3px);box-shadow:0 11px 25px rgba(185,249,105,.18)}.button.ghost{border:1px solid var(--line);color:var(--text)}.button.ghost:hover{border-color:var(--lime)}.proof{display:flex;gap:27px;margin-top:67px}.proof div{display:flex;gap:9px;align-items:center}.proof strong{font:600 24px var(--serif);color:var(--cyan)}.proof span{font-size:9px;color:var(--muted);line-height:1.45}.network-wrap{height:580px;position:relative;isolation:isolate}.network-wrap:after{content:"";position:absolute;inset:12% 4%;z-index:-1;background:radial-gradient(circle,rgba(35,117,112,.15),transparent 65%);filter:blur(20px)}#network{width:100%;height:100%;display:block}.visual-label{position:absolute;font:500 9px 'DM Mono',monospace;letter-spacing:.13em;color:#859690}.visual-label i{display:inline-block;width:22px;height:1px;background:var(--lime);vertical-align:middle;margin-right:6px}.label-a{top:17%;left:3%}.label-b{bottom:18%;right:4%}.network-caption{position:absolute;bottom:9%;left:7%;color:#879791;font:10px 'DM Mono',monospace}.live-dot{width:5px;height:5px}.about-section,.experience-section,.skills-section,.cert-section{padding-top:155px}.section-heading{display:flex;justify-content:space-between;align-items:flex-start}.section-heading h2{font-size:clamp(42px,5.1vw,72px);width:66%}.about-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:9vw;margin-top:80px}.about-lead{font:500 20px/1.6 Manrope;margin:0;color:#d7e0da}.focus-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.focus-cards article{background:var(--paper);min-height:220px;padding:24px 20px}.focus-cards span,.skill-card>p{font:10px 'DM Mono',monospace;color:var(--lime)}h3{margin:22px 0 10px;font-size:17px;letter-spacing:-.035em}.focus-cards p,.cert-card p{font-size:11px;line-height:1.65;color:var(--muted);margin:0}.timeline{margin:84px 0 0;position:relative;padding-left:70px}.timeline-rail{position:absolute;top:5px;bottom:0;left:13px;width:1px;background:var(--line)}.timeline-rail span{display:block;height:100%;width:1px;background:var(--lime);transform-origin:top;transform:scaleY(.08);transition:1.3s}.timeline.show .timeline-rail span{transform:scaleY(1)}.timeline:before{content:"";position:absolute;left:7px;top:0;width:12px;height:12px;background:var(--lime);border-radius:50%;box-shadow:0 0 18px var(--lime)}.role-card{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0 27px}.role-top{display:flex;justify-content:space-between;gap:20px}.role-date,.cert-status{font:10px 'DM Mono',monospace;letter-spacing:.11em;color:var(--lime);margin:0}.role-card h3{font-size:clamp(25px,3vw,41px);line-height:1.04;margin:18px 0 0}.company{color:var(--text);font-size:14px;text-align:right;margin:0}.company span{color:var(--lime)}.company small{display:block;color:var(--muted);font-size:10px;margin-top:7px}.role-content{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;margin-top:40px}.role-content>p{font-size:13px;line-height:1.75;color:var(--muted);margin:0}.role-content ul{list-style:none;padding:0;margin:0;columns:2;gap:30px}.role-content li{break-inside:avoid;position:relative;padding-left:14px;font-size:12px;line-height:1.65;margin-bottom:14px;color:#c2cec6}.role-content li:before{content:'·';position:absolute;left:0;color:var(--lime)}.tags{margin-top:25px;display:flex;gap:7px;flex-wrap:wrap}.tags span,.skill-card span{border:1px solid var(--line);padding:6px 8px;color:#b6c3bc;font:9px 'DM Mono',monospace}.skill-grid{margin-top:78px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.skill-card{background:linear-gradient(135deg,rgba(19,41,37,.68),rgba(8,20,18,.7));border:1px solid var(--line);padding:25px;min-height:240px;transition:.3s}.skill-card:hover{transform:translateY(-4px);border-color:rgba(185,249,105,.5)}.skill-card h3{font-size:21px;margin:36px 0 25px}.skill-card div{display:flex;flex-wrap:wrap;gap:7px}.architecture{margin-top:155px;padding-top:90px;padding-bottom:90px;background:linear-gradient(110deg,rgba(22,59,53,.43),rgba(7,16,15,.1));max-width:none;padding-left:max(5vw,calc((100vw - 1360px)/2 + 80px));padding-right:max(5vw,calc((100vw - 1360px)/2 + 80px));display:grid;grid-template-columns:.83fr 1.17fr;gap:8vw;align-items:center}.architecture-copy h2{font-size:clamp(39px,4.4vw,63px)}.architecture-copy>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.75;max-width:440px;margin:25px 0}.text-link{color:var(--text);text-decoration:none;font:500 11px 'DM Mono',monospace;border-bottom:1px solid var(--lime);padding-bottom:7px}.architecture-diagram{height:355px;position:relative;display:flex;justify-content:space-between;align-items:center}.arch-line{height:1px;background:linear-gradient(to right,var(--cyan),var(--lime));position:absolute;left:7%;right:7%;top:50%;opacity:.5}.arch-node{position:relative;z-index:1;width:125px;height:125px;border-radius:50%;background:#0b1c1a;border:1px solid rgba(185,249,105,.38);color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:default;transition:.25s}.arch-node:hover,.arch-node.active{background:#112b25;border-color:var(--lime);box-shadow:0 0 0 10px rgba(185,249,105,.05),0 0 30px rgba(185,249,105,.16)}.arch-node b{font:10px 'DM Mono',monospace;color:var(--lime);margin-bottom:6px}.arch-node span{font-size:11px;font-weight:700}.arch-node small{font-size:8px;color:var(--muted);margin-top:4px}.diagram-info{position:absolute;bottom:3px;left:0;right:0;text-align:center;color:var(--muted);font:10px 'DM Mono',monospace}.cert-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:77px}.cert-card{border:1px solid var(--line);padding:28px;display:flex;gap:23px;align-items:flex-start;background:var(--paper)}.cert-icon{width:44px;height:44px;flex:none;border:1px solid var(--lime);display:grid;place-items:center;color:var(--lime);font:20px var(--serif)}.cert-card h3{margin:9px 0 3px;font-size:20px}.education{margin-top:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:27px 0;display:grid;grid-template-columns:1fr 3fr}.education>span{font:10px 'DM Mono',monospace;color:var(--lime)}.education h3{margin:0;font-size:16px}.education p{margin:7px 0 0;color:var(--muted);font-size:11px}.contact-section{padding-top:180px;padding-bottom:78px}.contact-section h2{font-size:clamp(60px,8vw,118px);margin-bottom:66px}.contact-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.contact-row p{color:var(--muted);font-size:13px;max-width:375px;line-height:1.7;margin:0}.email-link{font:600 clamp(16px,2.1vw,30px) Manrope;color:var(--text);text-decoration:none;letter-spacing:-.04em}.email-link span,.contact-meta a span{color:var(--lime)}.contact-meta{display:flex;gap:25px;margin-top:21px;font:10px 'DM Mono',monospace;color:var(--muted)}.contact-meta a{color:var(--muted);text-decoration:none}.contact-meta a:hover{color:var(--lime)}footer{max-width:1360px;margin:auto;border-top:1px solid var(--line);min-height:93px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,80px);font:10px 'DM Mono',monospace;color:var(--muted)}footer>a:last-child{color:var(--text);text-decoration:none}.reveal{opacity:0;transform:translateY(18px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}.cursor-glow{position:fixed;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(98,231,223,.06),transparent 66%);pointer-events:none;z-index:-1;transform:translate(-50%,-50%)}
@media(max-width:800px){.nav nav,.nav-resume{display:none}.menu{display:block}.nav.open nav{display:flex;position:absolute;top:64px;left:0;right:0;padding:22px;flex-direction:column;gap:16px;background:#0b1716;border-bottom:1px solid var(--line)}.hero{grid-template-columns:1fr;padding-top:135px;min-height:auto}.network-wrap{height:360px;margin-top:-18px}.proof{margin-top:43px}.about-section,.experience-section,.skills-section,.cert-section{padding-top:105px}.section-heading{display:block}.section-heading h2{width:100%}.about-grid{grid-template-columns:1fr;gap:40px;margin-top:48px}.focus-cards{grid-template-columns:1fr}.focus-cards article{min-height:0}.timeline{margin-top:52px;padding-left:33px}.role-top,.role-content{display:block}.company{text-align:left;margin-top:22px}.role-content{margin-top:28px}.role-content ul{columns:1;margin-top:24px}.skill-grid,.cert-grid{grid-template-columns:1fr;margin-top:47px}.architecture{margin-top:105px;display:block;padding-top:75px;padding-bottom:60px}.architecture-diagram{margin-top:40px;height:360px;display:grid;grid-template-columns:1fr 1fr;gap:25px;justify-items:center}.arch-line{display:none}.arch-node{width:115px;height:115px}.education{grid-template-columns:1fr;gap:15px}.contact-section{padding-top:110px}.contact-row{display:block}.email-link{display:block;margin-top:26px}.contact-meta{flex-wrap:wrap;gap:14px}.cursor-glow{display:none}footer{min-height:130px;flex-wrap:wrap;gap:13px;padding-top:25px;padding-bottom:25px}.hero h1{font-size:clamp(48px,14vw,72px)}}
@media(max-width:440px){.proof{gap:14px}.proof div{display:block}.proof span{display:block;margin-top:4px}.visual-label{display:none}.network-wrap{height:300px}.hero{gap:0}.architecture-diagram{gap:11px}.arch-node{width:105px;height:105px}.contact-meta{display:grid;grid-template-columns:1fr 1fr}.contact-meta span{grid-column:1/-1}}