:root{--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--bg:#08080c;--bg-elev:#111117;--surface:#ffffff0a;--surface-hover:#ffffff12;--border:#ffffff17;--border-strong:#ffffff2e;--text:#f3f3f6;--text-dim:#a7a7b4;--text-faint:#6e6e7c;--accent:#9f6afb;--accent-2:#38eafa;--ok:#30e88c;--warn:#fab938;--err:#f65555;--glow:#9f6afb40;--grad:linear-gradient(120deg, var(--accent), var(--accent-2));--radius:16px;--radius-sm:10px;--blur:blur(16px) saturate(140%);--shadow:0 20px 50px -20px #0009;--ease:cubic-bezier(.22, 1, .36, 1);--container:min(1200px, 100% - 2.5rem)}[data-theme=light]{--bg:#f9f9fb;--bg-elev:#fff;--surface:#14141f0a;--surface-hover:#14141f12;--border:#14141f1a;--border-strong:#14141f38;--text:#101018;--text-dim:#50505e;--text-faint:#7d7d8c;--accent:#6a23e7;--accent-2:#0993ae;--glow:#6a23e726;--shadow:0 20px 50px -25px #2424424d}*,:before,:after{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:5rem}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;transition:background .4s var(--ease), color .4s var(--ease);line-height:1.6;overflow-x:hidden}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}ul{padding:0;list-style:none}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px;border-radius:6px}.bg-orbs{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-orbs:before,.bg-orbs:after{content:"";filter:blur(120px);opacity:.35;border-radius:50%;width:60vmax;height:60vmax;animation:24s ease-in-out infinite alternate drift;position:absolute}.bg-orbs:before{background:var(--accent);top:-30vmax;left:-15vmax}.bg-orbs:after{background:var(--accent-2);opacity:.22;animation-delay:-12s;bottom:-35vmax;right:-20vmax}[data-theme=light] .bg-orbs:before,[data-theme=light] .bg-orbs:after{opacity:.12}.bg-grid{z-index:-1;pointer-events:none;background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.5;background-size:56px 56px;position:fixed;inset:0;mask-image:radial-gradient(at 50% 0,#000 0%,#0000 70%)}@keyframes drift{to{transform:translate(8vmax,6vmax)scale(1.15)}}.skip-link{background:var(--accent);color:#fff;z-index:100;border-radius:8px;padding:.5rem 1rem;position:absolute;top:.5rem;left:-999px}.skip-link:focus{left:.5rem}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.container{width:var(--container);margin-inline:auto}.section{padding-block:clamp(4rem,9vw,8rem)}.section__head{max-width:640px;margin-bottom:3rem}.eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-2);margin-bottom:.75rem;font-size:.8rem}.section__title{letter-spacing:-.03em;font-size:clamp(1.9rem,4vw,3rem);font-weight:700;line-height:1.1}.section__lead{color:var(--text-dim);margin-top:1rem;font-size:1.05rem}.grad-text{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}@media (width>=1800px){:root{--container:min(1500px, 100% - 6rem)}html{font-size:18px}}.glass{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:var(--blur);border-radius:var(--radius)}.btn{transition:transform .3s var(--ease), box-shadow .3s var(--ease), background .3s;border:1px solid #0000;border-radius:999px;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)scale(.98)}.btn--primary{background:var(--text);color:var(--bg);box-shadow:0 0 0 0 var(--glow)}.btn--primary:hover{box-shadow:0 10px 40px -8px var(--accent)}.btn--ghost{border-color:var(--border-strong);background:var(--surface);backdrop-filter:var(--blur)}.btn--ghost:hover{background:var(--surface-hover);border-color:var(--accent)}.btn svg{width:1em;height:1em;transition:transform .3s var(--ease)}.btn:hover svg{transform:translate(3px)}.tag{font-family:var(--font-mono);background:var(--surface);border:1px solid var(--border);color:var(--text-dim);border-radius:999px;padding:.2rem .6rem;font-size:.72rem}.nav{z-index:50;background:#0c0c1299;border-radius:999px;justify-content:space-between;align-items:center;width:min(960px,100% - 1.5rem);padding:.55rem .75rem .55rem 1.25rem;display:flex;position:fixed;top:.75rem;left:50%;transform:translate(-50%)}[data-theme=light] .nav{background:#ffffffb3}.nav__logo{font-family:var(--font-mono);font-weight:700}.nav__logo span{color:var(--accent)}.nav__links{align-items:center;gap:.25rem;display:flex}.nav__links a{color:var(--text-dim);border-radius:999px;padding:.4rem .9rem;font-size:.88rem;transition:color .2s,background .2s}.nav__links a:hover,.nav__links a.is-active{color:var(--text);background:var(--surface-hover)}.icon-btn{border:1px solid var(--border);width:36px;height:36px;transition:background .2s, transform .3s var(--ease);border-radius:50%;place-items:center;display:grid}.icon-btn:hover{background:var(--surface-hover);transform:rotate(20deg)}.icon-btn svg{width:18px;height:18px}@media (width<=640px){.nav__links a:not(.keep){display:none}}.hero{align-items:center;min-height:100svh;padding-top:7rem;padding-bottom:4rem;display:grid}.hero__grid{align-items:center;gap:3rem;display:grid}@media (width>=960px){.hero__grid{grid-template-columns:1.1fr .9fr}}.badge{color:var(--text-dim);border-radius:999px;align-items:center;gap:.6rem;margin-bottom:1.5rem;padding:.4rem .9rem;font-size:.82rem;display:inline-flex}.pulse{background:var(--ok);width:8px;height:8px;box-shadow:0 0 0 0 var(--ok);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{70%{box-shadow:0 0 0 9px #0000}to{box-shadow:0 0 #0000}}.hero__title{letter-spacing:-.045em;font-size:clamp(2.6rem,7vw,5.5rem);font-weight:800;line-height:1.02}.hero__sub{max-width:560px;color:var(--text-dim);margin-top:1.5rem;font-size:clamp(1rem,1.6vw,1.2rem)}.hero__cta{flex-wrap:wrap;gap:.9rem;margin-top:2.25rem;display:flex}.hero__stats{flex-wrap:wrap;gap:2.5rem;margin-top:3rem;display:flex}.stat strong{letter-spacing:-.03em;font-size:1.6rem;display:block}.stat span{color:var(--text-faint);font-size:.8rem;font-family:var(--font-mono)}.terminal{box-shadow:var(--shadow), 0 0 80px -30px var(--glow);overflow:hidden}.terminal__bar{border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding:.7rem 1rem;display:flex}.dot{border-radius:50%;width:11px;height:11px}.dot:first-child{background:#ff5f57}.dot:nth-child(2){background:#febc2e}.dot:nth-child(3){background:#28c840}.terminal__tabs{gap:.25rem;margin-left:auto;display:flex}.terminal__tabs button{font-family:var(--font-mono);color:var(--text-faint);border-radius:6px;padding:.25rem .7rem;font-size:.75rem;transition:all .2s}.terminal__tabs button[aria-selected=true]{background:var(--surface-hover);color:var(--text)}.terminal__body{font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;min-height:300px;color:var(--text-dim);padding:1.25rem;font-size:.82rem;line-height:1.75}.terminal__body .k{color:var(--accent)}.terminal__body .s{color:var(--accent-2)}.terminal__body .c{color:var(--text-faint)}.terminal__body .p{color:var(--ok)}.caret{vertical-align:text-bottom;background:var(--accent-2);width:.55ch;height:1.1em;animation:1s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.filters{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.chip{font-family:var(--font-mono);border:1px solid var(--border);background:var(--surface);color:var(--text-dim);transition:all .25s var(--ease);border-radius:999px;padding:.4rem 1rem;font-size:.8rem}.chip:hover{border-color:var(--border-strong);color:var(--text)}.chip[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:var(--text)}.filters__count{color:var(--text-faint);font-family:var(--font-mono);align-self:center;margin-left:auto;font-size:.78rem}.projects{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:1.25rem;display:grid}.card{text-align:left;transition:transform .4s var(--ease), border-color .3s, background .3s;animation:rise .5s var(--ease) both;flex-direction:column;gap:1rem;padding:1.75rem;display:flex;position:relative;overflow:hidden}.card:before{content:"";background:radial-gradient(400px circle at var(--mx,50%) var(--my,0%), var(--glow), transparent 60%);opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.card:hover{border-color:var(--border-strong);transform:translateY(-6px)}.card:hover:before{opacity:1}.card[hidden]{display:none}.card__icon{background:var(--grad);color:#fff;border-radius:12px;place-items:center;width:44px;height:44px;font-size:1.4rem;display:grid}.card__title{letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.card__desc{color:var(--text-dim);flex:1;font-size:.95rem}.card__tags{flex-wrap:wrap;gap:.4rem;display:flex}.card__more{color:var(--accent-2);gap:.4rem;font-size:.85rem;font-weight:600;display:inline-flex}.card__more span{transition:transform .3s var(--ease)}.card:hover .card__more span{transform:translate(5px)}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}.modal{border:1px solid var(--border-strong);background:var(--bg-elev);width:min(720px,100% - 2rem);max-height:90vh;color:var(--text);box-shadow:var(--shadow);border-radius:20px;margin:auto;padding:0;overflow:auto}.modal::backdrop{backdrop-filter:blur(6px);background:#040407b3}.modal[open]{animation:pop .35s var(--ease)}@keyframes pop{0%{opacity:0;transform:scale(.95)translateY(10px)}}.modal__inner{padding:clamp(1.5rem,4vw,2.5rem);position:relative}.modal__close{position:absolute;top:1rem;right:1rem}.modal h3{letter-spacing:-.03em;margin-bottom:.5rem;font-size:1.7rem}.modal h4{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--accent-2);margin:1.5rem 0 .6rem;font-size:.78rem}.modal p,.modal li{color:var(--text-dim)}.modal ul{gap:.5rem;display:grid}.modal li{padding-left:1.3rem;position:relative}.modal li:before{content:"→";color:var(--accent);position:absolute;left:0}.arch{font-family:var(--font-mono);border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);white-space:pre;color:var(--text-dim);padding:1rem;font-size:.78rem;overflow-x:auto}.matrix{gap:1.25rem;display:grid}@media (width>=900px){.matrix{grid-template-columns:300px 1fr}}.matrix__tabs{gap:.5rem;padding-bottom:.25rem;display:flex;overflow-x:auto}@media (width>=900px){.matrix__tabs{flex-direction:column;overflow:visible}}.matrix__tab{text-align:left;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);white-space:nowrap;color:var(--text-dim);transition:all .3s var(--ease);align-items:center;gap:.8rem;padding:1rem 1.25rem;display:flex}.matrix__tab:hover{color:var(--text);transform:translate(3px)}.matrix__tab[aria-selected=true]{background:var(--surface-hover);color:var(--text);border-color:var(--accent);box-shadow:0 0 30px -10px var(--accent)}.matrix__panel{animation:rise .45s var(--ease);padding:clamp(1.5rem,3vw,2.5rem)}.matrix__panel h3{letter-spacing:-.03em;font-size:1.6rem}.matrix__panel>p{color:var(--text-dim);max-width:60ch;margin-top:.6rem}.skills{gap:1rem;margin-top:2rem;display:grid}.skill__row{justify-content:space-between;margin-bottom:.35rem;font-size:.88rem;display:flex}.skill__row span:last-child{font-family:var(--font-mono);color:var(--text-faint)}.skill__bar{background:var(--surface-hover);border-radius:99px;height:6px;overflow:hidden}.skill__fill{background:var(--grad);border-radius:inherit;width:0;height:100%;transition:width 1s var(--ease)}.status{padding:clamp(1.25rem,3vw,2rem)}.status__top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.status__top h3{align-items:center;gap:.6rem;font-size:1.2rem;display:flex}.status__controls{flex-wrap:wrap;gap:.5rem;display:flex}.services{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.75rem;display:grid}.service{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);padding:1rem 1.1rem;transition:border-color .3s,background .3s}.service[data-state=degraded]{border-color:var(--warn)}.service[data-state=down]{border-color:var(--err);background:#f6555512}.service__head{justify-content:space-between;align-items:center;gap:.5rem;font-size:.92rem;font-weight:600;display:flex}.state{font-family:var(--font-mono);text-transform:uppercase;border-radius:99px;padding:.15rem .55rem;font-size:.7rem}.state[data-state=operational]{color:var(--ok);background:#30e88c26}.state[data-state=degraded]{color:var(--warn);background:#fab93826}.state[data-state=down]{color:var(--err);background:#f6555526}.service__meta{font-family:var(--font-mono);color:var(--text-faint);justify-content:space-between;margin-top:.6rem;font-size:.74rem;display:flex}.spark{width:100%;height:34px;margin-top:.5rem}.spark polyline{fill:none;stroke:var(--accent-2);stroke-width:1.6px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.service[data-state=down] .spark polyline{stroke:var(--err)}.service[data-state=degraded] .spark polyline{stroke:var(--warn)}.log{font-family:var(--font-mono);color:var(--text-faint);border-top:1px solid var(--border);gap:.2rem;max-height:120px;margin-top:1.25rem;padding-top:1rem;font-size:.75rem;display:grid;overflow:hidden}.log .err{color:var(--err)}.log .ok{color:var(--ok)}.log .warn{color:var(--warn)}.btn--sm{padding:.45rem 1rem;font-size:.8rem}.footer{border-top:1px solid var(--border);padding-block:4rem 2.5rem}.footer__cta{text-align:center;max-width:700px;margin:0 auto 3.5rem}.footer__cta h2{letter-spacing:-.04em;font-size:clamp(2rem,5vw,3.5rem);line-height:1.05}.footer__cta p{color:var(--text-dim);margin:1rem 0 1.75rem}.copy-email{font-family:var(--font-mono)}.footer__bottom{color:var(--text-faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;font-size:.85rem;display:flex}.socials{gap:1.25rem;display:flex}.socials a{color:var(--text-dim);transition:color .2s, transform .3s var(--ease);align-items:center;gap:.4rem;display:inline-flex}.socials a:hover{color:var(--text);transform:translateY(-2px)}.socials svg{width:18px;height:18px}.toast-region{z-index:200;pointer-events:none;gap:.5rem;display:grid;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.toast{background:var(--bg-elev);border:1px solid var(--border-strong);box-shadow:var(--shadow);animation:toast-in .4s var(--ease);border-radius:999px;align-items:center;gap:.6rem;padding:.75rem 1.25rem;font-size:.9rem;display:flex}.toast.is-leaving{animation:.3s forwards toast-out}.toast svg{width:18px;color:var(--ok)}@keyframes toast-in{0%{opacity:0;transform:translateY(20px)scale(.95)}}@keyframes toast-out{to{opacity:0;transform:translateY(10px)}}.js .reveal{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transform:translateY(24px)}.reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.js .reveal{opacity:1;transform:none}}