:root{--bg:#080a0f;--card:#10131c;--muted:#98a0ae;--line:rgba(255,255,255,.12);--accent:#c7ff4c;--cream:#f1f1eb;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;opacity:.045;pointer-events:none;z-index:5;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='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(199,255,76,.075),transparent 68%);pointer-events:none;z-index:0;transform:translate(-50%,-50%);transition:left .12s,top .12s}.nav{height:80px;position:fixed;top:0;left:0;width:100%;padding:0 5.8vw;display:flex;align-items:center;justify-content:space-between;z-index:20;border-bottom:1px solid transparent;transition:.35s}.nav.scrolled{background:rgba(8,10,15,.78);backdrop-filter:blur(16px);border-color:var(--line)}.brand{font-size:23px;font-weight:800;text-decoration:none;color:white;letter-spacing:-2px}.brand span{color:var(--accent)}nav{display:flex;align-items:center;gap:27px}nav a{font:11px var(--mono);color:#c2c7d1;text-decoration:none;transition:.2s}nav a:hover{color:var(--accent)}.nav-cta{border:1px solid var(--line);padding:11px 15px;border-radius:99px}.nav-cta b{color:var(--accent);font-size:16px}.menu{display:none}.section{position:relative;padding:130px 5.8vw}.hero{min-height:100vh;display:flex;align-items:center;padding-top:145px;overflow:hidden}.grid-plane{position:absolute;right:-8%;bottom:-25%;width:68vw;height:80vh;background:linear-gradient(rgba(199,255,76,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(199,255,76,.08) 1px,transparent 1px);background-size:44px 44px;transform:perspective(600px) rotateX(58deg) rotateZ(-18deg);mask-image:linear-gradient(to bottom,transparent,#000 60%)}.orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.44}.orb-one{width:470px;height:470px;right:3%;top:15%;background:radial-gradient(circle at 40% 40%,#8bff88 0,rgba(78,202,131,.23) 20%,transparent 67%)}.orb-two{width:360px;height:360px;right:24%;top:28%;background:radial-gradient(circle,#526cf7 0,transparent 68%);opacity:.17}.hero-copy{position:relative;z-index:2;max-width:720px}.availability{display:inline-flex;gap:9px;align-items:center;border:1px solid rgba(199,255,76,.25);background:rgba(199,255,76,.06);padding:9px 13px;border-radius:99px;font:10px var(--mono);color:#d7f6a3}.availability span{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.eyebrow{font:10px var(--mono);letter-spacing:1.5px;color:var(--accent);margin:26px 0 16px}.eyebrow em{color:#6c7280;font-style:normal;padding:0 6px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(52px,7vw,104px);line-height:.98;letter-spacing:-.075em;font-weight:500;margin-bottom:26px}h1 strong{font-weight:800;background:linear-gradient(100deg,#fff 30%,#bed8a1);-webkit-background-clip:text;color:transparent}.hero-intro{font-size:clamp(19px,2vw,25px);line-height:1.45;max-width:640px;letter-spacing:-.035em}.hero-intro i,h2 i{font-family:Georgia,serif;font-weight:400}.hero-detail{max-width:570px;color:var(--muted);font-size:14px;line-height:1.7}.hero-actions{margin-top:33px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:26px;border-radius:99px;padding:14px 18px;text-decoration:none;font-weight:700;font-size:12px;transition:transform .25s,background .25s,color .25s}.button b{font-size:17px}.primary{color:#0b0c0b;background:var(--accent)}.primary:hover{background:#d7ff84;transform:translateY(-3px)}.secondary{border:1px solid var(--line);color:white;background:rgba(255,255,255,.02)}.secondary:hover{border-color:#88916d;background:rgba(199,255,76,.08)}.github-link{font:11px var(--mono);color:#d1d4db;text-decoration:none;padding:14px}.system-card{position:absolute;z-index:1;right:7vw;top:20vh;width:min(42vw,530px);aspect-ratio:1.31;border:1px solid rgba(255,255,255,.14);background:linear-gradient(130deg,rgba(25,30,40,.66),rgba(13,17,23,.3));border-radius:20px;backdrop-filter:blur(8px);transform:rotate(-7deg);box-shadow:0 28px 100px rgba(0,0,0,.35);overflow:hidden}.card-top{height:42px;border-bottom:1px solid var(--line);padding:13px 16px;display:flex;justify-content:space-between;font:9px var(--mono);color:#aab0bc}.card-top i{font-style:normal;color:var(--accent)}.node{position:absolute;padding:10px 12px;border:1px solid rgba(199,255,76,.3);border-radius:8px;background:#161b20;font:11px var(--mono);z-index:1}.node small{font-size:8px;color:#999;margin-left:4px}.n1{left:10%;top:20%}.n2{right:8%;top:20%}.n3{left:39%;bottom:15%}.node-core{position:absolute;top:43%;left:43%;width:60px;height:60px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#0c0e0d;font-weight:800;z-index:1}.system-card svg{position:absolute;inset:0;width:100%;height:100%}.system-card svg path{stroke:rgba(199,255,76,.45);stroke-width:1;fill:none;stroke-dasharray:6 6}.system-card svg circle{fill:var(--accent)}.code-line{position:absolute;bottom:14px;left:15px;font:9px var(--mono);color:#a6aaae}.code-line span{color:#606873;margin-right:13px}.hero-bottom{position:absolute;bottom:29px;left:5.8vw;right:5.8vw;display:flex;align-items:center;gap:15px;font:9px var(--mono);letter-spacing:1px;color:#777f8c}.hero-bottom div{height:1px;flex:1;background:var(--line)}.section-label{font:10px var(--mono);color:var(--accent);letter-spacing:1.5px;margin-bottom:56px}.about{border-top:1px solid var(--line)}.about-main{display:grid;grid-template-columns:1.15fr .85fr;gap:10vw}.about h2,.section-heading h2,.experience h2,.project-heading h2,.education h2,.approach h2,.contact h2{font-size:clamp(38px,5.1vw,72px);letter-spacing:-.075em;line-height:1.04;font-weight:600;margin:0}.about h2 i,.section-heading h2 i,.experience h2 i,.project-heading h2 i,.education h2 i,.approach h2 i,.contact h2 i{color:var(--accent)}.about-copy{padding-top:8px;color:#c8cbd1;font-size:15px;line-height:1.75;max-width:480px}.about-copy p+p{color:var(--muted)}.text-link{display:inline-flex;gap:14px;color:var(--accent);font:11px var(--mono);margin-top:17px;text-decoration:none}.text-link b{font-size:16px}.pillars{margin-top:92px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.pillars article{padding:22px 18px 4px 0;border-right:1px solid var(--line)}.pillars article+article{padding-left:18px}.pillars article:last-child{border:0}.pillars b,.approach b{font:10px var(--mono);color:var(--accent)}.pillars h3{font-size:16px;line-height:1.35;margin:30px 0 0;letter-spacing:-.03em}.skills{background:#0c0e14}.section-heading,.project-heading,.experience-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:66px}.section-heading p,.project-heading p,.experience-top p{width:280px;color:var(--muted);font-size:13px;line-height:1.7;margin:0}.skill-groups{border-top:1px solid var(--line)}.skill-group{display:grid;grid-template-columns:26% 1fr;border-bottom:1px solid var(--line);padding:22px 0}.skill-group h3{font-size:14px;margin:0}.skill-group h3 span{font:10px var(--mono);color:var(--accent);padding-right:12px}.skill-group div{display:flex;gap:9px;flex-wrap:wrap}.skill-group b{border:1px solid var(--line);border-radius:99px;padding:8px 11px;color:#d6d9df;font:10px var(--mono);transition:.25s}.skill-group b:hover{background:var(--accent);border-color:var(--accent);color:#0c0e0b;transform:translateY(-3px)}.experience{border-top:1px solid var(--line)}.timeline{position:relative;border-top:1px solid var(--line);padding-top:34px}.timeline:before{content:'';position:absolute;left:22%;top:0;bottom:0;border-left:1px solid var(--line)}.timeline-mark{position:absolute;left:calc(22% - 6px);top:-6px}.timeline-mark span{display:block;width:12px;height:12px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 7px rgba(199,255,76,.1)}.timeline article{display:grid;grid-template-columns:22% 39% 1fr}.time{font:10px var(--mono);color:var(--accent)}.role{padding-left:52px}.role p{font-size:12px;line-height:1.6;color:var(--muted)}.role h3{font-size:29px;letter-spacing:-.06em;line-height:1.05;margin:23px 0}.stack{font:10px var(--mono);line-height:1.8;color:#b4bbc4}.timeline ul{margin:0;padding-left:18px;color:#c1c5cb;font-size:12px;line-height:1.75}.timeline li+li{margin-top:7px}.projects{background:#0c0e14}.project-heading{margin-bottom:80px}.project{min-height:570px;border:1px solid var(--line);border-radius:18px;margin:23px 0;display:grid;grid-template-columns:48% 52%;overflow:hidden;position:relative;background:#0e1117}.project-copy{padding:74px 9% 45px}.project-number{font:10px var(--mono);color:#8b929d;position:absolute;top:22px;left:9%}.project-type{font:9px var(--mono);color:var(--accent);letter-spacing:1px}.project h3{font-size:clamp(31px,3.6vw,50px);line-height:1.02;letter-spacing:-.065em;margin:20px 0}.project-copy>p{font-size:13px;line-height:1.7;color:var(--muted);max-width:390px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin:25px 0}.tags b{font:9px var(--mono);padding:7px 8px;color:#bec4ce;border:1px solid var(--line);border-radius:4px}.project-visual{min-height:100%;position:relative;overflow:hidden}.architecture{background:radial-gradient(circle at 55% 48%,rgba(55,98,203,.25),transparent 42%),#0b0f16}.project-note{position:absolute;top:24px;right:28px;color:#8490a2;font:8px var(--mono);letter-spacing:.8px}.arch-path{position:absolute;top:57px;left:8%;right:8%;display:flex;align-items:center;gap:7px;white-space:nowrap;font:8px var(--mono);color:#afb9c7;z-index:1}.arch-path i{font-style:normal;border:1px solid rgba(199,255,76,.3);background:#151a20;padding:8px 6px;border-radius:4px}.arch-path b{color:var(--accent)}.architecture:hover .arch-path b{animation:flow .7s infinite}@keyframes flow{50%{color:#fff;text-shadow:0 0 15px var(--accent)}}.dashboard{position:absolute;left:9%;bottom:45px;width:82%;border:1px solid rgba(255,255,255,.16);background:rgba(13,18,27,.85);border-radius:10px;padding:16px;box-shadow:0 20px 60px #0005;transform:perspective(700px) rotateY(-8deg) rotateX(5deg);transition:.4s}.architecture:hover .dashboard{transform:perspective(700px) rotateY(0) rotateX(0) scale(1.03)}.dashboard header{display:flex;gap:4px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:11px}.dashboard header span{width:5px;height:5px;border-radius:50%;background:#4b5562}.dashboard header label{font:8px var(--mono);color:#8993a0;margin-left:6px}.chart{height:145px;position:relative;margin:10px 0}.chart>i{position:absolute;width:100%;border-top:1px solid rgba(255,255,255,.06)}.chart i:nth-child(1){top:0}.chart i:nth-child(2){top:25%}.chart i:nth-child(3){top:50%}.chart i:nth-child(4){top:75%}.chart i:nth-child(5){bottom:0}.chart svg{position:absolute;width:100%;height:100%}.chart path{stroke:var(--accent);stroke-width:2;fill:none;filter:drop-shadow(0 0 6px #b9ff4c)}.dash-row{display:flex;align-items:center;gap:12px;font:8px var(--mono);color:#7e8997}.dash-row strong{font-size:17px;color:#fff}.dash-row span{color:#111;background:var(--accent);padding:4px 5px}.farming{background:linear-gradient(135deg,#182620,#0e1715 60%,#19261e)}.farm-glow{position:absolute;inset:0;background:radial-gradient(circle at 62% 35%,rgba(205,255,93,.28),transparent 29%)}.leaf{position:absolute;width:215px;height:125px;border-radius:100% 0 100% 0;background:linear-gradient(135deg,#80a94a,#203f34);transform:rotate(-39deg);opacity:.82}.leaf:after{content:'';position:absolute;top:53%;left:0;width:100%;border-top:2px solid rgba(204,255,132,.5);transform:rotate(10deg)}.leaf-a{left:4%;bottom:3%}.leaf-b{right:-4%;top:13%;transform:rotate(130deg) scale(.8)}.scan{position:absolute;left:18%;top:18%;width:205px;height:205px;border:1px solid rgba(203,255,107,.5);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(14,24,17,.45);backdrop-filter:blur(5px)}.scan:before{content:'';position:absolute;inset:11px;border:1px dashed rgba(203,255,107,.35);border-radius:50%;animation:spin 16s linear infinite}.scan span,.advisory span{font:8px var(--mono);color:var(--accent);letter-spacing:1px}.scan b{font-size:39px;letter-spacing:-.08em}.scan small{font:9px var(--mono);color:#a8b3a6}@keyframes spin{to{transform:rotate(360deg)}}.advisory{position:absolute;right:8%;bottom:12%;padding:15px;background:rgba(12,21,17,.8);border:1px solid rgba(203,255,107,.3);border-radius:7px;display:flex;flex-direction:column;gap:5px}.advisory b{font-size:13px}.advisory i{font:8px var(--mono);color:#a9bba6}.education{border-top:1px solid var(--line)}.education-layout{display:grid;grid-template-columns:40% 1fr;gap:10%}.certs{margin-top:80px}.mini-label{font:9px var(--mono);color:var(--accent);letter-spacing:1px}.certs article{border-top:1px solid var(--line);padding:16px 0;display:flex;gap:15px}.certs article>b{display:grid;place-items:center;background:#161b1c;color:var(--accent);width:37px;height:37px;border-radius:7px;font:10px var(--mono)}.certs h4{font-size:11px;line-height:1.5;margin:0}.certs p{font:9px var(--mono);color:var(--muted);margin:5px 0 0}.degrees{border-top:1px solid var(--line)}.degrees article{padding:27px 0;border-bottom:1px solid var(--line)}.degrees span{font:10px var(--mono);color:var(--accent)}.degrees h3{font-size:23px;letter-spacing:-.045em;margin:16px 0 7px}.degrees h3 small{font-size:13px;color:#89919d}.degrees p{font-size:12px;color:var(--muted)}.degrees strong{font:10px var(--mono);color:#d8dde4}.degrees article div{font-size:10px;color:#78818e;line-height:1.6;margin-top:18px;max-width:520px}.approach{background:#0c0e14}.approach h2{margin-bottom:67px}.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.approach article{min-height:170px;padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.approach article:nth-child(3n){border-right:0}.approach h3{font-size:19px;letter-spacing:-.045em;margin:30px 0 8px}.approach p{font-size:11px;color:var(--muted);line-height:1.65;max-width:210px}.contact{text-align:center;padding-top:150px;overflow:hidden;background:linear-gradient(#080a0f,#101710)}.contact-orb{position:absolute;left:50%;top:-270px;width:700px;height:550px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(199,255,76,.22),transparent 65%);pointer-events:none}.contact h2{position:relative;font-size:clamp(43px,6.5vw,90px)}.contact>p:not(.eyebrow){position:relative;max-width:570px;margin:23px auto;color:#b4bab6;font-size:14px;line-height:1.75}.contact-actions{position:relative;display:flex;justify-content:center;gap:10px;margin-top:32px}.contact footer{position:relative;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;margin-top:130px;padding-top:22px;text-align:left}.contact footer p,.contact footer a:last-child{font:10px var(--mono);color:#88928a;text-decoration:none;margin:0}.reveal{opacity:0;transform:translateY(20px);transition:opacity .75s ease,transform .75s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.system-card{opacity:.55;right:-9vw;top:22vh;width:52vw}.project{grid-template-columns:1fr}.project-copy{padding-bottom:35px}.project-visual{min-height:430px}.education-layout{grid-template-columns:1fr;gap:50px}.certs{margin-top:40px}.timeline article{grid-template-columns:24% 1fr}.timeline ul{grid-column:2;padding-top:26px}.timeline:before{left:24%}.timeline-mark{left:calc(24% - 6px)}.role{padding-left:35px}.skill-group{grid-template-columns:30% 1fr}}@media(max-width:620px){.cursor-glow{display:none}.nav{height:65px;padding:0 6vw}.menu{display:block;background:none;border:0;width:30px}.menu i{display:block;border-top:1px solid white;margin:6px 0;width:24px;transition:.2s}.nav nav{display:none;position:absolute;top:65px;left:0;right:0;background:#0c0f14;padding:20px 6vw;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.nav nav.open{display:flex}.section{padding:90px 6vw}.hero{min-height:720px;padding-top:115px}.hero-copy{max-width:100%}.hero-detail{max-width:410px}.system-card{width:90vw;right:-33vw;top:410px;opacity:.28}.hero-bottom{left:6vw;right:6vw}.about-main,.section-heading,.project-heading,.experience-top{display:block}.about-copy{margin-top:28px}.pillars{grid-template-columns:1fr 1fr;margin-top:60px}.pillars article:nth-child(2){border-right:0}.pillars article:nth-child(n+3){border-top:1px solid var(--line)}.section-heading p,.project-heading p,.experience-top p{width:auto;margin-top:25px}.skill-group{grid-template-columns:1fr;gap:15px}.timeline article{display:block;padding-left:27px}.timeline:before{left:0}.timeline-mark{left:-6px}.role{padding:20px 0 0}.timeline ul{padding:5px 0 0 17px}.project-heading{margin-bottom:45px}.project{margin:16px 0}.project-copy{padding:64px 8% 31px}.project-visual{min-height:365px}.arch-path{flex-wrap:wrap;top:30px}.project-note{display:none}.dashboard{bottom:25px}.scan{left:10%;width:175px;height:175px}.leaf-a{left:-17%}.advisory{right:4%;bottom:7%}.education-layout{gap:30px}.approach-grid{grid-template-columns:1fr 1fr}.approach article:nth-child(3n){border-right:1px solid var(--line)}.approach article:nth-child(2n){border-right:0}.contact{padding-left:5vw;padding-right:5vw}.contact-actions{flex-wrap:wrap}.contact footer{margin-top:85px}.contact footer p{display:none}}
