/* Neon District: cyberpunk-at-night city, accessible recruiter-friendly portfolio. */
:root{--neon:#83fbd6;--electric:#75e7fb;--night:#06131d}
html{scroll-padding-top:98px}
.site-header{position:sticky;top:0;z-index:80;background:rgba(5,14,22,.93)!important;backdrop-filter:blur(20px);border-bottom:1px solid #89ffe029!important;box-shadow:0 12px 34px #030f182b}
.site-header .identity,.site-header .identity-copy b,.site-header .monogram,.site-header .site-nav a,.site-header .theme-toggle{color:#f0fffe!important}
.site-header .identity-copy small{color:#a2c2c4!important}.site-header .monogram span{color:var(--neon)!important}
.site-header .site-nav a:hover{color:var(--neon)!important}
.site-header .availability{color:#c7ffde!important;background:#77ecb413!important;border-color:#79ffbd44!important}
.site-header .theme-toggle{border-color:#a0fff236!important}
.hero-stage{isolation:isolate;background:#06131d!important;color:#f4fffc;min-height:740px;overflow:hidden;position:relative}
.hero-stage .city-canvas{opacity:1!important;filter:saturate(1.7) contrast(1.15)}
.hero-stage:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#03111bee 0%,#03111bbd 30%,#03111b46 65%,#03111b34 100%),linear-gradient(0deg,#03101aef,transparent 35%,#05162430)}
.hero-stage:after{content:"";display:block!important;position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 78% 44%,#36eebc20,transparent 40%),radial-gradient(circle at 56% 70%,#c157f022,transparent 28%);animation:neonAtmosphere 13s ease-in-out infinite alternate!important}
.hero-stage .hero{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.88fr)!important;align-items:center;min-height:760px!important;gap:clamp(26px,4vw,65px)!important;padding-top:70px!important;padding-bottom:76px!important}
.hero-stage .hero-copy{z-index:3}
.hero-stage .eyebrow{border:1px solid #87ffe14a!important;background:#061b27a8!important;border-radius:100px;padding:9px 15px;color:#d6fff7!important;display:inline-flex;max-width:100%;font-size:10px}
.hero-stage .hero-name{color:#f4fffe!important;font-size:clamp(28px,3.1vw,46px)!important;letter-spacing:-.06em!important}
.hero-stage .hero-name span{color:inherit!important}.hero-stage .hero-name sup{font:600 10px var(--mono);color:#81fad8;vertical-align:super;letter-spacing:.1em;margin-left:8px}
.hero-stage .hero h1{color:#fff!important;font-size:clamp(45px,5.2vw,80px)!important;letter-spacing:-.067em!important;line-height:1.06!important;text-wrap:balance}
.hero-stage .hero h1 span{color:var(--neon)!important;text-shadow:0 0 45px #80ffbb33}
.hero-stage .hero-intro{font-size:clamp(15px,1.2vw,18px)!important;color:#c2dadd!important;max-width:600px;line-height:1.7}
.hero-stage .hero-intro strong{color:#eefffc!important}
.hero-stage .hero-actions{gap:10px!important;flex-wrap:wrap}
.hero-stage .button{border-radius:10px!important;min-height:48px;transition:transform .24s,box-shadow .24s}
.hero-stage .button:hover{transform:translateY(-3px)}
.hero-stage .button-primary{color:#052721!important;background:linear-gradient(130deg,#b0ffe0,#64e6c2)!important;border:1px solid #9bffe4!important;box-shadow:0 14px 42px #70ffc32b}
.hero-stage .button-text{color:#e8fff9!important;border:1px solid #a6fff638!important;background:#091b28c9!important}
.hero-stage .city-hud{color:#b4e2e5!important;z-index:2;opacity:.70!important}
.hero-stage .city-horizon-label{z-index:3;color:#a6d6d5!important;opacity:.7}
.hero-stage .signature{display:none}
.hero-tech{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:29px}
.hero-tech>span{font:700 10px var(--mono);letter-spacing:.1em;color:#9cbbbf;margin-right:5px}
.hero-tech b{font:550 11px var(--sans);color:#c8e6de;border:1px solid #9cfde02b;background:#08212c80;padding:6px 8px;border-radius:5px}
.hero-signal{display:inline-block;width:7px;height:7px;background:#7effb8;border-radius:50%;margin-right:7px;box-shadow:0 0 14px #81ffa3}
.neon-console{border:1px solid #a2ffe34e;border-radius:19px;overflow:hidden;background:linear-gradient(150deg,#103039ed,#081a2aef);backdrop-filter:blur(18px);box-shadow:0 35px 85px #0009,0 0 75px #65ffe217, inset 0 1px #edfff92a;max-width:580px;transform:perspective(900px) rotateY(-3deg);transition:transform .45s,box-shadow .45s}
.neon-console:hover{transform:perspective(900px) rotateY(0deg) translateY(-4px);box-shadow:0 40px 85px #000a,0 0 75px #65ffe226}
.console-heading,.console-bottom{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:15px 18px;border-bottom:1px solid #b6ffe32a;color:#b0d4d4;font:700 10px var(--mono);letter-spacing:.06em}
.console-heading>span{flex:1}.console-heading b{font-size:9px;color:#88fac7;white-space:nowrap}
.console-heading b i,.console-bottom .blink{display:inline-block;width:6px;height:6px;border-radius:50%;background:#83ffc1;box-shadow:0 0 11px #83ffc1;margin-right:5px}
.console-leds{display:flex;gap:4px}.console-leds i{width:6px;height:6px;border-radius:50%;background:#74efd3}.console-leds i:nth-child(2){background:#ac95ff}.console-leds i:nth-child(3){background:#668d9e}
.console-main{padding:21px 25px;position:relative;overflow:hidden}
.console-main:before{content:"";position:absolute;inset:0;opacity:.45;pointer-events:none;background-image:linear-gradient(#7cffdd0b 1px,transparent 1px),linear-gradient(90deg,#7cffdd0b 1px,transparent 1px);background-size:25px 25px}
.console-overline{display:flex;justify-content:space-between;position:relative;color:#96b8bb;font:600 10px var(--mono);letter-spacing:.1em}
.console-art{height:200px;position:relative;display:grid;place-items:center;isolation:isolate}
.console-art:before,.console-art:after{content:"";position:absolute;width:232px;height:232px;border:1px dashed #92ffe341;border-radius:50%;animation:neonOrbit 35s linear infinite}
.console-art:after{width:178px;height:178px;border:1px solid #92ffe32d;animation-duration:23s;animation-direction:reverse}
.console-reticle{z-index:2;width:148px;height:148px;display:grid;place-items:center;border:1px solid #79ffca7a;border-radius:50%;background:radial-gradient(circle,#1b615b50,#071a2e55);box-shadow:0 0 34px #6dffe028}
.console-reticle-core{width:87px;height:87px;border-radius:50%;border:1px solid #8dffcf80;display:grid;place-items:center;color:#e6fff6;font:800 27px var(--mono);box-shadow:0 0 28px #6dffe021}
.console-reticle-core span{color:#84ffc8}
.console-satellite{position:absolute;z-index:3;font:600 9px var(--mono);letter-spacing:.05em;color:#8df0d9;border:1px solid #b2ffe34b;padding:8px 11px;border-radius:8px;background:#0b2635ed;box-shadow:0 8px 20px #0005}
.console-satellite b{color:#f1fffc;margin-left:5px}.sat-a{top:19px;left:4%}.sat-b{top:50px;right:0}.sat-c{bottom:24px;left:7%}
.console-title{position:relative;font-size:clamp(25px,2.2vw,34px);letter-spacing:-.045em;font-weight:800;line-height:1.15;color:#fff}.console-title em{font-style:normal;color:#85f9cd}
.console-main>p{position:relative;color:#b0d2d3;font-size:13px;line-height:1.7;max-width:370px;margin:12px 0 18px}
.console-cta{color:#aaffde;display:inline-flex;gap:20px;align-items:center;border-bottom:1px solid #aaffde75;padding-bottom:7px;font:700 12px var(--sans);position:relative}
.console-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #b6ffe329}
.console-stats>div{min-width:0;padding:17px 13px;border-right:1px solid #b6ffe326}.console-stats>div:last-child{border-right:0}
.console-stats small{display:block;color:#99b8bd;font:600 9px/1.5 var(--mono)}.console-stats strong{display:block;color:#f5fffc;font:800 30px/1.5 var(--mono)}
.console-stats span{display:block;color:#a0c5c6;font:11px/1.5 var(--sans)}
.console-bottom{border-top:1px solid #b6ffe329;border-bottom:0;padding:12px 17px;font-size:9px}.console-bottom span:first-child{color:#acf7cf}
.neon-features{padding-top:92px!important;padding-bottom:65px!important}
.neon-section-top{display:grid;grid-template-columns:1.1fr .8fr;align-items:end;gap:40px;margin-bottom:35px}
.neon-kicker{font:700 11px var(--mono);letter-spacing:.13em;color:#388e79;margin-bottom:15px}
.neon-section-top h2{font-size:clamp(38px,4.8vw,67px);line-height:1.06;letter-spacing:-.06em;margin:0}.neon-section-top h2 span{color:#5aa28e}
.neon-section-top>p{font-size:16px;line-height:1.65;color:var(--readable-muted);max-width:440px}
.neon-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.neon-project-card{min-width:0;overflow:hidden;border-radius:16px;border:1px solid var(--line);background:var(--surface-proof);box-shadow:0 18px 42px #0f272218;transition:transform .35s,border-color .35s,box-shadow .35s}
.neon-project-card:hover{transform:translateY(-7px);border-color:var(--card-accent);box-shadow:0 28px 56px #102e2929}
.neon-card-image{display:block;aspect-ratio:1.52;overflow:hidden;position:relative;background:#06131b;border-bottom:1px solid var(--line)}
.neon-card-image img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .65s,filter .65s}
.neon-card-image:hover img{transform:scale(1.055);filter:saturate(1.13)}
.neon-card-image:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#07131cd9,transparent 57%)}
.neon-image-overlay{position:absolute;z-index:2;bottom:16px;left:20px;right:20px;color:#effff8;font:750 10px var(--mono);letter-spacing:.09em;display:flex;align-items:center;justify-content:space-between}
.neon-image-overlay b{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;border:1px solid #aaffdf80;background:#092e26d9}
.neon-card-body{padding:23px}.neon-card-meta{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;color:var(--readable-muted);font:650 9px var(--mono);letter-spacing:.06em}
.neon-badge{padding:6px 8px;border:1px solid var(--card-accent);border-radius:99px;color:var(--ink);font-size:9px}
.neon-card-body h3{display:flex;align-items:center;gap:9px;font-size:clamp(23px,2vw,31px);letter-spacing:-.04em;margin:16px 0 12px}
.neon-card-body h3 img{flex-shrink:0}.neon-card-body>p{font-size:14px;line-height:1.65;color:var(--readable-muted);min-height:100px;margin:0 0 18px}
.neon-card-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:21px}.neon-card-tags span{border:1px solid var(--line);padding:5px 7px;border-radius:5px;color:var(--readable-muted);font-size:10px}
.neon-card-links{display:flex;gap:8px}.neon-card-links a{flex:1;text-align:center;display:grid;place-items:center;min-height:40px;background:#12362e;color:#edfff6;border:1px solid #205444;border-radius:8px;font:700 12px var(--sans);padding:9px}
.neon-card-links a:last-child{background:transparent;color:var(--ink);border-color:var(--line)}
.neon-features-foot{margin-top:26px;display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;color:var(--readable-muted);font:600 11px var(--mono);letter-spacing:.04em}
.neon-features-foot a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.client-work{margin-top:6px;margin-bottom:45px;padding:40px!important;border:1px solid var(--line);border-radius:15px;background:linear-gradient(120deg,transparent,#68d5b30a)}
.work-heading{padding-top:80px!important}
.project .product-preview{border-radius:13px!important}
@keyframes neonOrbit{to{transform:rotate(360deg)}}@keyframes neonAtmosphere{to{opacity:.65;transform:scale(1.04)}}
@media(max-width:1100px){.hero-stage .hero{gap:25px!important}.neon-card-grid{gap:12px}.neon-card-body{padding:17px}}
@media(max-width:900px){.hero-stage .hero{grid-template-columns:1fr!important;min-height:0!important;gap:35px!important;padding-top:40px!important}.hero-stage .hero h1{font-size:clamp(44px,7vw,70px)!important}.neon-console{max-width:640px;margin:auto;transform:none}.neon-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.neon-section-top{gap:20px}}
@media(max-width:620px){.site-header .site-nav{justify-content:flex-start;gap:20px!important;overflow-x:auto;scrollbar-width:none}.site-header .site-nav a{white-space:nowrap}.hero-stage .hero h1{font-size:clamp(39px,10vw,57px)!important}.hero-stage .city-hud,.hero-stage .city-horizon-label{display:none!important}.hero-stage .hero-actions .button{font-size:12px!important;padding:12px!important}.hero-tech>span{width:100%}.hero-tech b{font-size:10px}.console-heading{padding:11px;font-size:9px}.console-heading b{font-size:8px}.console-main{padding:18px}.console-art{height:180px}.console-art:before{width:190px;height:190px}.console-art:after{width:140px;height:140px}.console-reticle{width:120px;height:120px}.console-reticle-core{width:75px;height:75px}.console-satellite{font-size:8px;padding:7px}.console-stats>div{padding:12px 8px}.console-stats small{font-size:8px}.console-stats strong{font-size:25px}.console-stats span{font-size:9px}.console-bottom{font-size:8px}.neon-features{padding-top:55px!important}.neon-section-top{grid-template-columns:1fr;gap:10px;margin-bottom:22px}.neon-section-top>p{font-size:14px}.neon-card-grid{grid-template-columns:1fr}.neon-card-body>p{min-height:0}.client-work{padding:24px!important}}
@media(prefers-reduced-motion:reduce){.hero-stage:after,.console-art:before,.console-art:after{animation:none!important}.neon-console,.neon-card-image img,.neon-project-card{transition:none!important;transform:none!important}}