:root{
  --bg:#090b0e; --panel:#101419; --line:#252b31; --text:#edf1f3; --muted:#8f9aa3;
  --accent:#d6ff3f; --accent2:#9bb72c; --max:1200px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}.grid-bg{position:fixed;inset:0;pointer-events:none;opacity:.32;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to bottom,black,transparent 90%);z-index:-1}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;max-width:var(--max);margin:auto;padding:0 24px;border-bottom:1px solid var(--line)}
.brand{font-size:20px;font-weight:800;letter-spacing:-.04em}.brand span{color:var(--accent)}
.nav nav{display:flex;gap:28px}.nav nav a{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.nav nav a:hover{color:var(--text)}
.nav-cta{font-size:12px;text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--line);padding:10px 14px}
.section{max-width:var(--max);margin:auto;padding:120px 24px}.hero{min-height:690px;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;padding-top:100px}
.eyebrow,.section-label,.project-type,.company{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:700}
.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 15px var(--accent);margin-right:9px}
h1{font-size:clamp(68px,10vw,142px);line-height:.82;letter-spacing:-.08em;margin:25px 0}.hero h1 em,h2 em,h3 em{font-style:normal;color:var(--accent)}
.hero-title{font-size:19px;font-weight:600;margin:0 0 18px}.hero-text{max-width:650px;color:var(--muted);font-size:17px}
.hero-actions{display:flex;gap:12px;margin-top:32px}.button{padding:14px 18px;border:1px solid var(--line);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.button.primary{background:var(--accent);color:#10130a;border-color:var(--accent);font-weight:800}.button.ghost:hover{border-color:var(--accent)}
.hero-panel{border:1px solid var(--line);background:rgba(16,20,25,.72);min-height:470px;padding:18px;position:relative;overflow:hidden}
.panel-top,.panel-bottom{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;color:var(--muted)}.panel-bottom{position:absolute;left:18px;right:18px;bottom:18px}
.radar{position:absolute;inset:80px 20px 65px;display:grid;place-items:center}.radar-ring{position:absolute;border:1px solid #313940;border-radius:50%}.r1{width:85%;height:85%}.r2{width:58%;height:58%}.r3{width:30%;height:30%}.radar-line{height:1px;width:90%;background:#30373e;position:absolute}.radar-line:after{content:"";position:absolute;height:90%;width:1px;background:#30373e;left:50%;top:-45%}.radar-dot{position:absolute;width:8px;height:8px;background:var(--accent);box-shadow:0 0 20px var(--accent);border-radius:50%}.d1{top:26%;left:30%}.d2{top:61%;right:25%}.d3{bottom:18%;left:50%}.radar-label{position:absolute;font-size:9px;letter-spacing:.12em;color:var(--muted)}.l1{top:18%;left:4%}.l2{top:60%;right:2%}.l3{bottom:8%;left:4%}.l4{top:4%;right:7%}
.metrics{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);max-width:var(--max);margin:auto}.metrics div{padding:30px 24px;border-right:1px solid var(--line)}.metrics div:last-child{border-right:0}.metrics strong{display:block;font-size:37px;letter-spacing:-.05em}.metrics span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:45px}.section h2{font-size:clamp(44px,6vw,76px);line-height:.95;letter-spacing:-.06em;margin:0}.lead{font-size:22px;line-height:1.4}.about p:not(.lead){color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.tags span{border:1px solid var(--line);padding:8px 11px;font-size:10px;text-transform:uppercase;letter-spacing:.1em}
.expertise h2{margin:18px 0 45px}.expertise-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.skill-card{padding:32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.skill-card:nth-child(2n){border-right:0}.skill-card .num{color:var(--muted);font-size:11px}.skill-card h3{font-size:28px;margin:20px 0 8px}.skill-card p{color:var(--muted);max-width:480px}.skill-line{height:2px;background:#242b30;margin-top:25px}.skill-line i{display:block;height:100%;background:var(--accent)}
.project-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:20px 0 50px}.project-heading p{max-width:380px;color:var(--muted);font-size:13px}
.featured-project,.case-study{border:1px solid var(--line);background:linear-gradient(135deg,rgba(214,255,63,.07),rgba(16,20,25,.75));padding:25px;margin-bottom:24px}.project-number{font-size:10px;color:var(--muted);letter-spacing:.15em}.featured-content{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:60px 20px 40px}.featured-content h3{font-size:clamp(90px,12vw,170px);line-height:.8;letter-spacing:-.08em;margin:10px 0}.featured-content h3 span{font-size:.45em}.project-name{font-size:18px;font-weight:700}.project-detail>p{color:var(--muted);max-width:430px}.flow{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:30px;font-size:9px;letter-spacing:.08em}.flow span,.flow strong{padding:7px 8px;border:1px solid var(--line)}.flow b{color:var(--accent)}
.case-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding:55px 20px 35px}.case-grid h3{font-size:55px;line-height:.9;letter-spacing:-.06em;margin:12px 0 20px}.muted{color:var(--muted)}.system-flow>div{padding:17px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:40px 1fr;gap:10px}.system-flow span{color:var(--accent);font-size:10px}.system-flow strong{font-size:12px;letter-spacing:.1em}.system-flow small{grid-column:2;color:var(--muted)}.system-flow .result{margin-top:20px;border:1px solid var(--accent);padding:18px;display:block}.system-flow .result strong{display:block;margin-top:8px}
.project-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project-card{border:1px solid var(--line);padding:30px}.project-card h3{font-size:38px;margin:12px 0 28px}.project-card p:last-child{color:var(--muted);font-size:14px}.value-row{display:flex;align-items:baseline;gap:12px;border-top:1px solid var(--line);padding:12px 0}.value-row strong{font-size:24px}.value-row span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.timeline{margin-top:50px;border-left:1px solid var(--line)}.timeline-item{display:grid;grid-template-columns:180px 1fr;gap:45px;padding:35px 0 35px 35px;border-bottom:1px solid var(--line);position:relative}.timeline-item:before{content:"";position:absolute;left:-5px;top:43px;width:9px;height:9px;background:#3a4249;border-radius:50%}.timeline-item.current:before{background:var(--accent);box-shadow:0 0 18px var(--accent)}.year{font-size:11px;color:var(--muted);letter-spacing:.12em}.timeline-body h3{font-size:25px;margin:5px 0 10px}.timeline-body p:last-child{color:var(--muted);max-width:700px}.education-grid{display:grid;grid-template-columns:1.3fr 1fr .7fr;gap:25px;margin-top:45px}.education-grid>div{border-top:1px solid var(--line);padding-top:20px}.education-grid span{font-size:10px;color:var(--accent);letter-spacing:.15em}.education-grid h3{font-size:22px;line-height:1.2}.education-grid p{font-size:12px;color:var(--muted)}
.contact{min-height:620px;display:flex;align-items:center}.contact-inner{width:100%;border-top:1px solid var(--line);padding-top:55px}.contact h2{font-size:clamp(58px,8vw,110px);margin:20px 0}.contact-inner>p:not(.eyebrow){color:var(--muted)}.email{display:inline-block;font-size:clamp(20px,3vw,36px);border-bottom:1px solid var(--accent);margin-top:25px}.contact-meta{display:flex;justify-content:space-between;margin-top:70px;font-size:10px;color:var(--muted);letter-spacing:.14em}
footer{border-top:1px solid var(--line);max-width:var(--max);margin:auto;padding:25px 24px;display:flex;justify-content:space-between;font-size:9px;color:var(--muted);letter-spacing:.12em}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:850px){.nav nav{display:none}.hero,.two-col,.featured-content,.case-grid{grid-template-columns:1fr;gap:45px}.hero{padding-top:70px}.hero-panel{min-height:400px}.metrics{grid-template-columns:1fr 1fr}.metrics div:nth-child(2){border-right:0}.metrics div{border-bottom:1px solid var(--line)}.project-heading{display:block}.expertise-grid,.project-cards,.education-grid{grid-template-columns:1fr}.skill-card{border-right:0}.timeline-item{grid-template-columns:1fr;gap:10px}.section{padding:90px 20px}.nav{padding:0 20px}.contact-meta{display:block}.contact-meta span{display:block;margin:10px 0}}
@media(max-width:520px){h1{font-size:68px}.metrics strong{font-size:28px}.metrics span{font-size:8px}.flow b{display:none}.featured-content{padding:45px 5px 25px}.featured-content h3{font-size:85px}.case-grid{padding:40px 5px 25px}.case-grid h3{font-size:45px}footer{display:block}footer span{display:block;margin:7px 0}}

.vault-box{border:1px solid var(--accent);background:linear-gradient(110deg,rgba(214,255,63,.07),rgba(16,20,25,.9));padding:50px;display:flex;align-items:center;justify-content:space-between;gap:35px}.vault-box h2{margin:18px 0;font-size:clamp(42px,6vw,70px);line-height:.95;letter-spacing:-.06em}.vault-box p{max-width:600px}
.login-page{min-height:100vh;display:grid;place-items:center;padding:30px;position:relative}.login-shell{width:min(470px,100%);border:1px solid var(--line);background:rgba(16,20,25,.92);padding:36px;box-shadow:0 30px 100px rgba(0,0,0,.35)}.login-brand{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.login-shell h1{font-size:52px;line-height:.9;margin:45px 0 12px}.login-shell>p{color:var(--muted);font-size:13px}.field{margin:22px 0}.field label{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}.field input{width:100%;padding:14px;background:#090b0e;border:1px solid var(--line);color:var(--text);font:inherit;outline:none}.field input:focus{border-color:var(--accent)}.login-btn{width:100%;cursor:pointer}.error{display:none;color:#ff7474;font-size:12px;margin-top:14px}.back-link{display:inline-block;margin-top:22px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.vault-content{display:none}.vault-content.active{display:block}.vault-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:35px}.logout{cursor:pointer;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.12em;border:1px solid var(--line);padding:9px 12px}.private-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.private-card{border:1px solid var(--line);padding:25px;background:var(--panel)}.private-card h3{margin:8px 0 12px;font-size:24px}.private-card p{color:var(--muted);font-size:13px}.warning{border-left:2px solid var(--accent);padding:12px 15px;background:rgba(214,255,63,.04);color:var(--muted);font-size:12px;margin:20px 0}
@media(max-width:650px){.vault-box{display:block;padding:30px}.vault-box .button{display:inline-block;margin-top:18px}.private-grid{grid-template-columns:1fr}.login-shell{padding:26px}.login-shell h1{font-size:44px}}

.resume-box{border:1px solid var(--line);background:linear-gradient(110deg,rgba(214,255,63,.06),rgba(16,20,25,.88));padding:45px;display:flex;align-items:center;justify-content:space-between;gap:35px}.resume-box h2{margin:18px 0;font-size:clamp(42px,6vw,68px);line-height:.95;letter-spacing:-.06em}.resume-box p{max-width:650px}.resume-actions{display:flex;gap:12px;flex-wrap:wrap;min-width:260px;justify-content:flex-end}
@media(max-width:700px){.resume-box{display:block;padding:30px}.resume-actions{justify-content:flex-start;margin-top:22px}}