:root{--bg: #04040a;--s1: #080810;--s2: #0d0d1a;--border: rgba(255, 255, 255, .06);--border2: rgba(255, 255, 255, .12);--ink: #eeeeff;--ink2: #8888aa;--ink3: #44445a;--cyan: #00f5ff;--purple: #9d6fff;--pink: #ff4da6;--green: #39ff14;--cyan-g: rgba(0, 245, 255, .15);--purple-g: rgba(157, 111, 255, .15);--pink-g: rgba(255, 77, 166, .12);--r: 6px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--ink);font-family:Inter,sans-serif;font-weight:300;line-height:1.7;min-height:100dvh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(0,245,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,245,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 80% 80% at 50% 0%,black 40%,transparent 100%)}.aurora{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.aurora-blob{position:absolute;border-radius:50%;filter:blur(120px);opacity:.22;animation:drift 18s ease-in-out infinite}.aurora-blob:nth-child(1){width:600px;height:400px;top:-100px;left:-100px;background:var(--cyan);animation-delay:0s}.aurora-blob:nth-child(2){width:500px;height:500px;top:20%;right:-150px;background:var(--purple);animation-delay:-6s}.aurora-blob:nth-child(3){width:400px;height:300px;bottom:10%;left:20%;background:var(--pink);animation-delay:-12s;opacity:.14}@keyframes drift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-30px) scale(1.05)}66%{transform:translate(-30px,20px) scale(.96)}}body:after{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.04) 2px,rgba(0,0,0,.04) 4px);animation:scan 8s linear infinite}@keyframes scan{0%{background-position:0 0}to{background-position:0 200px}}.page{position:relative;z-index:2;max-width:920px;margin:0 auto;padding:0 1.25rem}@media(min-width:640px){.page{padding:0 2rem}}@media(min-width:1024px){.page{padding:0 2.5rem}}nav{position:fixed;top:0;left:0;right:0;z-index:50;border-bottom:1px solid var(--border);background:#04040abf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.nav-inner{max-width:920px;margin:0 auto;padding:0 1.25rem;height:56px;display:flex;align-items:center;justify-content:space-between}@media(min-width:640px){.nav-inner{padding:0 2rem}}.nav-logo{font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:700;text-decoration:none;letter-spacing:.04em;color:var(--cyan);text-shadow:0 0 12px var(--cyan),0 0 30px rgba(0,245,255,.4)}.nav-links{display:none;gap:1.75rem;list-style:none}@media(min-width:640px){.nav-links{display:flex}}.nav-links a{font-size:.8rem;color:var(--ink2);text-decoration:none;letter-spacing:.06em;text-transform:uppercase;transition:color .2s,text-shadow .2s}.nav-links a:hover{color:var(--cyan);text-shadow:0 0 8px var(--cyan)}.nav-cta{font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:500;text-decoration:none;color:var(--cyan);border:1px solid rgba(0,245,255,.4);padding:6px 16px;border-radius:var(--r);white-space:nowrap;letter-spacing:.06em;transition:background .2s,box-shadow .2s;text-shadow:0 0 8px rgba(0,245,255,.5)}.nav-cta:hover{background:#00f5ff1a;box-shadow:0 0 16px #00f5ff4d,inset 0 0 12px #00f5ff14}section{padding:5rem 0}.eyebrow{font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin-bottom:.85rem;display:flex;align-items:center;gap:10px;text-shadow:0 0 10px rgba(0,245,255,.6)}.eyebrow:before{content:"";display:block;width:28px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent);box-shadow:0 0 6px var(--cyan)}h2.stitle{font-size:clamp(1.6rem,4vw,2.1rem);font-weight:600;letter-spacing:-.02em;color:var(--ink);line-height:1.15;margin-bottom:.6rem}.ssub{font-size:.9375rem;color:var(--ink2);max-width:540px;margin-bottom:2.75rem;line-height:1.7}.divider{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(0,245,255,.2),rgba(157,111,255,.2),transparent);margin:0}#hero{padding-top:7rem;padding-bottom:5rem}@media(min-width:768px){#hero{padding-top:10rem;padding-bottom:6rem}}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#39ff1412;border:1px solid rgba(57,255,20,.3);border-radius:99px;padding:5px 14px 5px 10px;font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--green);margin-bottom:2rem;letter-spacing:.06em;box-shadow:0 0 12px #39ff141a;opacity:0;animation:fadeUp .6s ease .1s forwards}.badge-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green),0 0 20px #39ff1480;animation:pulse-green 1.5s ease infinite;flex-shrink:0}@keyframes pulse-green{0%,to{box-shadow:0 0 8px var(--green),0 0 20px #39ff1480}50%{box-shadow:0 0 4px var(--green),0 0 8px #39ff1433}}h1.hname{font-size:clamp(2.8rem,9vw,5rem);font-weight:600;letter-spacing:-.03em;line-height:1;color:var(--ink);margin-bottom:.6rem;opacity:0;animation:fadeUp .7s ease .2s forwards}h1.hname .neon-name{background:linear-gradient(135deg,var(--cyan) 0%,var(--purple) 60%,var(--pink) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 18px rgba(0,245,255,.45))}.htitle{font-size:clamp(.8rem,1.8vw,1rem);color:var(--ink2);letter-spacing:.06em;text-transform:uppercase;font-family:JetBrains Mono,monospace;margin-bottom:1.5rem;opacity:0;animation:fadeUp .6s ease .35s forwards}.hdesc{font-size:1rem;color:var(--ink2);max-width:500px;line-height:1.8;margin-bottom:2.25rem;opacity:0;animation:fadeUp .6s ease .45s forwards}.hactions{display:flex;gap:12px;flex-wrap:wrap;opacity:0;animation:fadeUp .6s ease .55s forwards}.btn-neon{display:inline-flex;align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:.8125rem;font-weight:500;letter-spacing:.04em;color:var(--bg);background:var(--cyan);padding:11px 24px;border-radius:var(--r);text-decoration:none;min-height:44px;box-shadow:0 0 20px #00f5ff73,0 0 60px #00f5ff26;transition:box-shadow .25s,transform .2s}.btn-neon:hover{box-shadow:0 0 30px #00f5ffb3,0 0 80px #00f5ff40;transform:translateY(-2px)}.btn-ghost{display:inline-flex;align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:.8125rem;letter-spacing:.04em;color:var(--purple);border:1px solid rgba(157,111,255,.4);padding:11px 24px;border-radius:var(--r);text-decoration:none;min-height:44px;text-shadow:0 0 8px rgba(157,111,255,.5);transition:background .2s,box-shadow .25s,border-color .2s}.btn-ghost:hover{background:#9d6fff1a;border-color:var(--purple);box-shadow:0 0 18px #9d6fff59}@media(max-width:600px){.btn-neon,.btn-ghost{font-size:.8rem;padding:5px}}.hstack{margin-top:3.5rem;padding-top:2rem;border-top:1px solid rgba(0,245,255,.1);display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;opacity:0;animation:fadeUp .6s ease .65s forwards}.hstack-label{font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--ink3);letter-spacing:.08em;text-transform:uppercase;width:100%}@media(min-width:480px){.hstack-label{width:auto}}.sbadge{font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--cyan);background:#00f5ff0f;border:1px solid rgba(0,245,255,.2);padding:3px 10px;border-radius:4px;text-shadow:0 0 6px rgba(0,245,255,.4);transition:box-shadow .2s,background .2s}.sbadge:hover{background:#00f5ff1f;box-shadow:0 0 10px #00f5ff40}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.exp-grid{display:grid;grid-template-columns:1fr;gap:1px;background:#00f5ff14;border-radius:10px;overflow:hidden;border:1px solid rgba(0,245,255,.12)}@media(min-width:640px){.exp-grid{grid-template-columns:1fr 1fr 1fr}}.exp-card{background:var(--s1);padding:1.75rem 1.5rem;position:relative;overflow:hidden;transition:background .25s}.exp-card:before{content:"";position:absolute;inset:0;opacity:0;background:radial-gradient(circle at 50% 0%,rgba(0,245,255,.07),transparent 70%);transition:opacity .3s}.exp-card:hover{background:var(--s2)}.exp-card:hover:before{opacity:1}.exp-card-icon{width:38px;height:38px;border-radius:8px;margin-bottom:1.1rem;display:flex;align-items:center;justify-content:center;font-size:1.1rem;border:1px solid rgba(0,245,255,.2);background:#00f5ff0f;box-shadow:0 0 12px #00f5ff1a}.exp-card-title{font-size:.9375rem;font-weight:500;color:var(--ink);letter-spacing:-.01em;margin-bottom:.5rem}.exp-card-desc{font-size:.8125rem;color:var(--ink2);line-height:1.65}.exp-card-desc em{color:var(--cyan);font-style:normal;text-shadow:0 0 6px rgba(0,245,255,.4)}.stack-wrap{display:flex;flex-wrap:wrap;gap:8px}.tag{font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--ink2);background:var(--s1);border:1px solid var(--border);padding:5px 12px;border-radius:5px;transition:color .2s,border-color .2s,box-shadow .2s}.tag:hover{color:var(--ink);border-color:var(--border2)}.tag.hi{color:var(--cyan);background:#00f5ff0f;border-color:#00f5ff40;text-shadow:0 0 6px rgba(0,245,255,.3)}.tag.hi:hover{box-shadow:0 0 10px #00f5ff33}.proj-list{display:flex;flex-direction:column;gap:1.25rem}.proj-card{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--s1);position:relative;transition:border-color .3s,box-shadow .3s}.proj-card:before{content:"";position:absolute;inset:-1px;border-radius:11px;z-index:-1;background:linear-gradient(135deg,#00f5ff00,#9d6fff00,#ff4da600);opacity:0;transition:opacity .4s}.proj-card:hover{border-color:#00f5ff4d;box-shadow:0 0 30px #00f5ff14,0 0 60px #9d6fff0d}.proj-body{padding:1.5rem}@media(min-width:640px){.proj-body{padding:2rem}}.proj-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.proj-name{font-size:1.0625rem;font-weight:500;color:var(--ink);letter-spacing:-.01em}.pbadge{font-family:JetBrains Mono,monospace;font-size:.65rem;padding:3px 10px;border-radius:99px;white-space:nowrap;flex-shrink:0;letter-spacing:.06em}.pbadge.active{color:var(--green);background:#39ff1414;border:1px solid rgba(57,255,20,.3);text-shadow:0 0 6px rgba(57,255,20,.5)}.pbadge.wip{color:#ffbe00;background:#ffbe0014;border:1px solid rgba(255,190,0,.3);text-shadow:0 0 6px rgba(255,190,0,.4)}.proj-desc{font-size:.875rem;color:var(--ink2);line-height:1.7;margin-bottom:1rem}.proj-features{list-style:none;margin:0 0 1rem;display:flex;flex-direction:column;gap:.5rem}.proj-features li{font-size:.8125rem;color:var(--ink2);line-height:1.65;padding-left:1rem;position:relative}.proj-features li:before{content:"\2192";position:absolute;left:0;color:var(--cyan);font-size:.7rem;top:2px}.proj-features li strong{color:var(--ink);font-weight:500}.proj-desc em{color:var(--ink);font-style:normal}.proj-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:1.25rem}.ptag{font-family:JetBrains Mono,monospace;font-size:.68rem;color:var(--purple);background:#9d6fff14;border:1px solid rgba(157,111,255,.2);padding:2px 9px;border-radius:4px;text-shadow:0 0 5px rgba(157,111,255,.3)}.proj-img{width:100%;display:block;border-top:1px solid rgba(0,245,255,.1);max-height:400px;object-fit:cover;object-position:top;filter:brightness(.92) saturate(.9);transition:filter .3s}.proj-card:hover .proj-img{filter:brightness(1) saturate(1)}.exp-intro{font-size:.9375rem;color:var(--ink2);line-height:1.75;max-width:600px;margin-bottom:2.5rem}.timeline{display:flex;flex-direction:column}.titem{display:grid;grid-template-columns:1fr;gap:.4rem;padding:1.5rem 0;border-bottom:1px solid var(--border);position:relative}@media(min-width:600px){.titem{grid-template-columns:90px 1fr;gap:1.5rem;align-items:start}}.titem:last-child{border-bottom:none}.titem:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(180deg,transparent,rgba(0,245,255,.06),transparent);transition:width .3s;border-radius:0 4px 4px 0}.titem:hover:before{width:3px}.tperiod{font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--white);letter-spacing:.06em;padding-top:3px;white-space:nowrap}.trole{font-size:.9375rem;font-weight:500;color:var(--ink);letter-spacing:-.01em;margin-bottom:.15rem}.tco-row{display:flex;align-items:center;gap:8px;margin-bottom:.45rem;flex-wrap:wrap}.tco{font-size:.8125rem;color:var(--cyan);font-weight:400;text-shadow:0 0 8px rgba(0,245,255,.35)}.tco-tag{font-family:JetBrains Mono,monospace;font-size:.62rem;color:var(--ink3);background:var(--s2);border:1px solid var(--border);padding:1px 7px;border-radius:3px}.tdesc{font-size:.8125rem;color:var(--ink2);line-height:1.7}.contact-box{border:1px solid rgba(0,245,255,.15);border-radius:12px;padding:3rem 2rem;text-align:center;background:var(--s1);position:relative;overflow:hidden}.contact-box:before{content:"";position:absolute;top:-60px;left:50%;transform:translate(-50%);width:300px;height:200px;border-radius:50%;background:radial-gradient(var(--cyan-g),transparent 70%);pointer-events:none}.contact-box:after{content:"";position:absolute;bottom:-60px;right:10%;width:200px;height:200px;border-radius:50%;background:radial-gradient(var(--purple-g),transparent 70%);pointer-events:none}@media(min-width:640px){.contact-box{padding:4rem 3rem}}.contact-box h2{font-size:1.75rem;font-weight:600;letter-spacing:-.02em;color:var(--ink);margin-bottom:.75rem}.contact-box p{font-size:.9375rem;color:var(--ink2);margin-bottom:2rem}.clinks{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.clink{display:inline-flex;align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:.8rem;text-decoration:none;letter-spacing:.04em;padding:10px 18px;border-radius:var(--r);min-height:44px;color:var(--ink2);background:var(--s2);border:1px solid var(--border);transition:color .2s,border-color .2s,box-shadow .25s}.clink:hover{color:var(--ink);border-color:var(--border2)}.clink.primary{color:var(--bg);background:var(--cyan);border-color:transparent;box-shadow:0 0 20px #00f5ff66,0 0 50px #00f5ff26;font-weight:500}.clink.primary:hover{box-shadow:0 0 30px #00f5ff99,0 0 70px #00f5ff33}footer{border-top:1px solid var(--border);padding:2rem 0;font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--ink3);position:relative;z-index:2}.footer-inner{max-width:920px;margin:0 auto;padding:0 1.25rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}@media(min-width:640px){.footer-inner{padding:0 2rem}}.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){body:before,body:after{display:none}.aurora{display:none}.reveal,h1.hname,.hero-badge,.htitle,.hdesc,.hactions,.hstack{animation:none;opacity:1;transform:none;transition:none}.badge-dot,.aurora-blob{animation:none}}