:root{--bg: #05070d;--bg-elev: #0a101c;--line: #1b2434;--line-bright: #2c3a52;--text: #d9e2ec;--text-soft: #b3c0cf;--text-dim: #8494a7;--accent: #00e5ff;--accent-dim: rgba(0, 229, 255, .35);--accent-glow: rgba(0, 229, 255, .25);--accent2: #ff3d81;--font-display: "Space Grotesk", "Space Grotesk Fallback", system-ui, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Segoe UI Mono", Consolas, "Roboto Mono", monospace;--container: 1080px;--header-h: 3.5rem}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/space-grotesk-latin.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local("Arial");ascent-override:96%;descent-override:28%;line-gap-override:0%;size-adjust:102%}*,*:before,*:after{box-sizing:border-box}html{color-scheme:dark;scroll-padding-top:calc(var(--header-h) + 1.25rem);scrollbar-color:var(--line-bright) var(--bg);background:var(--bg)}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{margin:0;color:var(--text);font-family:var(--font-display);font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html:before{content:"";position:fixed;inset:-80px;z-index:-2;pointer-events:none;background:linear-gradient(rgba(0,229,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.09) 1px,transparent 1px);background-size:44px 44px;opacity:.55}html.audio-live:before{opacity:calc(.12 + var(--audio-pad, 0) * .88)}html.grid-warped:before{display:none}.grid-warp{position:fixed;inset:0;z-index:-2;width:100%;height:100%;pointer-events:none}.matrix-rain{position:fixed;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 60% 45% at 50% -5%,rgba(0,229,255,.13),transparent 60%),radial-gradient(ellipse 45% 32% at 92% 108%,rgba(255,61,129,.09),transparent 60%)}@media(prefers-reduced-motion:no-preference){body:before{animation:aurora 14s ease-in-out 1.5s infinite}}@keyframes aurora{0%,to{transform:translate3d(-3%,-2%,0) scale(1.03);opacity:.5}50%{transform:translate3d(3%,2%,0) scale(1.12);opacity:1}}.audio-glow{position:fixed;inset:-10%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 55% 40% at 50% 0%,rgba(0,229,255,.5),transparent 65%),radial-gradient(ellipse 40% 30% at 90% 100%,rgba(255,61,129,.42),transparent 65%);opacity:calc(var(--audio-drone, 0) * .8 + var(--audio-signals, 0) * .3);transform:scale(calc(1 + var(--audio-drone, 0) * .12))}.audio-live .audio-glow{will-change:opacity,transform}body:after{content:"";position:fixed;inset:0;z-index:40;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.016) 0 1px,transparent 1px 3px)}h1,h2,h3{line-height:1.15;margin:0 0 .6em;font-weight:600}p{margin:0 0 1em}a{color:var(--accent)}img{max-width:100%;height:auto}::selection{background:var(--accent);color:var(--bg)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.container{max-width:var(--container);margin-inline:auto;padding-inline:clamp(1.1rem,4vw,2rem)}.font-mono{font-family:var(--font-mono)}.accent{color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;top:.5rem;left:.5rem;z-index:100;padding:.6em 1em;background:var(--bg);color:var(--accent);border:1px solid var(--accent);text-decoration:none;transform:translateY(-200%)}.skip-link:focus{transform:none}ul[role=list],ol[role=list]{list-style:none;margin:0;padding:0}@media(scripting:enabled){.reveal{transform:translateY(16px);transition:transform .6s cubic-bezier(.2,.7,.2,1)}}.reveal-in{transform:none}.is-scrambling{font-family:var(--font-mono);white-space:nowrap}@keyframes blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.reveal{transform:none;transition:none}}.scroll-progress{position:fixed;top:0;left:0;z-index:60;height:2px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--accent),var(--accent2));pointer-events:none}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: scroll()){.scroll-progress{animation:scroll-progress linear both;animation-timeline:scroll(root block)}}}@keyframes scroll-progress{to{transform:scaleX(1)}}.site-header{position:sticky;top:0;z-index:50;background:#05070db8;backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);border-bottom:1px solid var(--line)}.site-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:var(--header-h)}.logo{font-size:1.05rem;font-weight:700;letter-spacing:.08em;color:var(--text);text-decoration:none}.logo-cursor{color:var(--accent)}@media(prefers-reduced-motion:no-preference){.logo-cursor{animation:blink 1.1s steps(1) 12s infinite}}.nav-links{display:flex;gap:clamp(.8rem,2.5vw,1.6rem);font-size:.78rem;letter-spacing:.04em}.nav-links a{color:var(--text-dim);text-decoration:none;white-space:nowrap;transition:color .2s}.nav-links a:hover,.nav-links a:focus-visible{color:var(--text)}.nav-links a.is-current{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.nav-idx{color:var(--accent);margin-right:.3em}.nav-links a.is-current .nav-idx{color:var(--text)}.lang-switch{display:flex;align-items:center;gap:.35rem;font-size:.78rem;color:var(--line-bright)}.lang-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;color:var(--text-dim);text-decoration:none;transition:color .2s}.lang-switch a:hover,.lang-switch a:focus-visible{color:var(--text)}.lang-switch a.is-active{color:var(--accent)}.hero{min-height:calc(100vh - var(--header-h));min-height:calc(100svh - var(--header-h));display:flex;flex-direction:column;justify-content:center;padding-block:4rem}@media(prefers-reduced-motion:no-preference){.hero>*{animation:rise-solid .5s cubic-bezier(.2,.7,.2,1) both}.hero>:nth-child(3){animation-delay:.1s}.hero>:nth-child(4){animation-delay:.16s}.hero>:nth-child(5){animation-delay:.22s}.hero>:nth-child(6){animation-delay:.28s}.hero>:nth-child(7){animation-delay:.34s}}@keyframes rise-solid{0%{transform:translateY(14px)}}.term{color:var(--text-dim);font-size:.9rem;margin-bottom:1.2rem}.term-prompt{color:var(--accent)}.term-cmd{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;width:7ch;padding-left:1ch}@keyframes typing{0%{width:1ch}to{width:7ch}}@media(prefers-reduced-motion:no-preference){.term-cmd{animation:typing .7s steps(6) .2s both}}.caret{display:inline-block;width:.55ch;height:1.05em;margin-left:.15ch;background:var(--accent);vertical-align:text-bottom}@media(prefers-reduced-motion:no-preference){.caret{animation:blink 1.1s steps(1) 12s infinite}}.hero h1{font-size:clamp(2.8rem,9vw,5.6rem);font-weight:700;letter-spacing:-.03em;line-height:1.03;margin:0 0 .35em;text-shadow:0 0 40px rgba(0,229,255,.18)}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;inset:0;opacity:0;pointer-events:none;z-index:-1}@media(prefers-reduced-motion:no-preference){.glitch:before{color:var(--accent);animation:glitch-a 10s 12s infinite}.glitch:after{color:var(--accent2);animation:glitch-b 10s 12s infinite}}@keyframes glitch-a{0%,93%,to{opacity:0;transform:none;clip-path:inset(0)}94%{opacity:.85;transform:translate(-4px,2px);clip-path:inset(8% 0 62% 0)}95.5%{opacity:.85;transform:translate(3px,-1px);clip-path:inset(58% 0 6% 0)}97%{opacity:0}}@keyframes glitch-b{0%,93.5%,to{opacity:0;transform:none;clip-path:inset(0)}94.5%{opacity:.85;transform:translate(4px,-2px);clip-path:inset(38% 0 34% 0)}96%{opacity:.85;transform:translate(-3px,1px);clip-path:inset(72% 0 4% 0)}97.5%{opacity:0}}.hero-role{font-size:clamp(1.05rem,2.4vw,1.35rem);margin-bottom:.8em}.hero-role strong{font-weight:600}.hero-sep{color:var(--accent2);margin-inline:.3em}.hero-claim{color:var(--text-dim);margin-bottom:.9em}.hero-meta{color:var(--text-dim);font-size:.85rem}.hero-stats{margin-top:2.2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);transition:transform .35s cubic-bezier(.2,.7,.2,1)}.stat{background:var(--bg);padding:1rem 1.1rem}.stat-value{display:block;font-size:clamp(1.35rem,3vw,1.85rem);font-weight:600;color:var(--accent);text-shadow:0 0 18px var(--accent-glow);min-height:1.3em}.stat-label{display:block;margin-top:.35rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim)}.hero-cta{margin-top:2.4rem;display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap}.btn{display:inline-block;font-family:var(--font-mono);font-size:.9rem;color:var(--accent);background:transparent;border:1px solid var(--accent);padding:.75em 1.5em;text-decoration:none;transition:background .25s,box-shadow .25s}.btn:hover,.btn:focus-visible{background:#00e5ff14;box-shadow:0 0 20px var(--accent-glow)}.btn-lg{font-size:1rem;padding:.9em 1.8em}.link-row{display:flex;gap:.9rem;flex-wrap:wrap}.link-row-center{justify-content:center}.bracket-link{color:var(--text-dim);text-decoration:none;font-size:.85rem;white-space:nowrap;transition:color .2s,text-shadow .2s}.bracket-link:hover,.bracket-link:focus-visible{color:var(--accent);text-shadow:0 0 12px var(--accent-glow)}.section{padding-block:clamp(4rem,10vh,7rem)}.section-title{display:flex;align-items:baseline;gap:.6rem;font-size:clamp(1.6rem,4vw,2.2rem);letter-spacing:-.01em;margin-bottom:1rem}.section-title:after{content:"";flex:1;min-width:2rem;height:1px;background:linear-gradient(90deg,var(--line-bright),transparent);margin-left:1rem}.section-idx{color:var(--accent);font-size:.75em}.section-sub{color:var(--text-dim);max-width:60ch;margin-bottom:2.4rem}.section-cta{margin-top:2.2rem}.about-grid{display:grid;grid-template-columns:1fr 260px;gap:3rem;align-items:start}.about-text p{color:var(--text-soft);max-width:65ch}.about-photo{margin:0;position:relative;transition:transform .35s cubic-bezier(.2,.7,.2,1)}.about-photo img{display:block;width:100%;border:1px solid var(--line-bright);filter:grayscale(25%) contrast(1.05);transition:filter .3s}.about-photo:hover img{filter:none}.about-photo:after{content:"";position:absolute;inset:14px -14px -14px 14px;border:1px solid var(--accent-dim);z-index:-1}.skills{margin-top:3rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem}.skill-title{font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text);margin-bottom:.8rem}.skill-title span{color:var(--accent)}.chips{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.chip{font-size:.75rem;padding:.35em .7em;border:1px solid var(--line);border-radius:2px;color:var(--text-dim);background:#ffffff05;transition:border-color .2s,color .2s}.chip:hover{border-color:var(--accent-dim);color:var(--text)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.2rem}@property --spot{syntax: "<number>"; inherits: false; initial-value: 0;}.card{--mx: 50%;--my: 50%;--spot: 0;position:relative;height:100%;display:flex;flex-direction:column;background-color:var(--bg-elev);background-image:radial-gradient(220px circle at var(--mx) var(--my),rgba(0,229,255,calc(.13 * var(--spot))),transparent 72%);border:1px solid var(--line);padding:1.25rem 1.4rem;transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .25s,box-shadow .25s,--spot .3s}.card:before,.card:after{content:"";position:absolute;width:14px;height:14px;border:1px solid var(--accent);opacity:0;transition:opacity .25s;pointer-events:none}.card:before{top:-1px;left:-1px;border-right:0;border-bottom:0}.card:after{bottom:-1px;right:-1px;border-left:0;border-top:0}.card:hover,.card:focus-within{--spot: 1;border-color:var(--line-bright);box-shadow:0 0 24px #00e5ff12}.card:hover:before,.card:hover:after,.card:focus-within:before,.card:focus-within:after{opacity:1}@media(prefers-reduced-motion:no-preference){.card:hover{transform:translateY(-3px)}}.card.is-tilting{will-change:transform;transition:border-color .25s,box-shadow .25s,--spot .3s}.about-photo.is-tilting,.hero-stats.is-tilting{transition:none;will-change:transform}.card-head{display:flex;justify-content:space-between;align-items:baseline;gap:.8rem;margin-bottom:.5rem}.card-title{font-size:1rem;margin:0}.card-title a{color:var(--text);text-decoration:none;transition:color .2s}.card-title a:hover,.card-title a:focus-visible{color:var(--accent)}.card-lang{font-size:.66rem;color:var(--accent);border:1px solid var(--accent-dim);padding:.2em .55em;white-space:nowrap}.card-lang.lang-php{color:var(--accent2);border-color:#ff3d8166}.card-desc{color:var(--text-dim);font-size:.92rem;flex-grow:1;margin-bottom:1.1rem}.card-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:.9rem;font-size:.78rem;color:var(--text-dim)}.card-links{margin-left:auto;display:flex;gap:.6rem}.articles{border-top:1px solid var(--line)}.article-row{padding:1.1rem 0;border-bottom:1px solid var(--line)}.article-title{font-size:1.02rem;font-weight:500;margin:0 0 .35rem}.article-title a{color:var(--text);text-decoration:none;transition:color .2s}.article-title a:hover,.article-title a:focus-visible{color:var(--accent);text-shadow:0 0 14px var(--accent-glow)}.article-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem;font-size:.75rem;color:var(--text-dim);margin:0}.article-tag{color:var(--accent);opacity:.7}.contact{text-align:center}.contact .section-title{justify-content:center}.contact .section-title:after{display:none}.contact-text{font-size:1.1rem;color:var(--text-dim);margin-bottom:2rem}.contact .btn-lg{margin-bottom:1.6rem}.site-footer{border-top:1px solid var(--line);padding:1.4rem 0 1.8rem;font-size:.75rem;color:var(--text-dim)}.site-footer p{margin:0}.site-footer a{color:var(--text-dim)}.site-footer a:hover,.site-footer a:focus-visible{color:var(--accent)}.footer-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem 2rem}@media(max-width:820px){.about-grid{grid-template-columns:1fr}.about-photo{max-width:240px}}@media(max-width:560px){.nav-idx{display:none}.site-nav{height:auto;min-height:var(--header-h);flex-wrap:wrap;row-gap:0;padding-block:.5rem}.nav-links{font-size:.72rem;flex-wrap:wrap;row-gap:.3rem}.hero-stats{grid-template-columns:repeat(2,1fr)}.card-links{margin-left:0}}.audio-widget{position:fixed;right:1rem;bottom:1rem;z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:.6rem}.audio-fab{display:inline-flex;align-items:center;gap:.55rem;padding:.5rem .85rem;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-soft);background:color-mix(in srgb,var(--bg-elev) 88%,transparent);border:1px solid var(--line-bright);border-radius:999px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:color .25s,border-color .25s,box-shadow .25s}.audio-fab:hover,.audio-fab:focus-visible{color:var(--accent);border-color:var(--accent-dim);box-shadow:0 0 20px var(--accent-glow)}.audio-fab.is-playing{color:var(--accent);border-color:var(--accent-dim)}.audio-eq{display:inline-flex;align-items:flex-end;gap:2px;height:.9rem}.audio-eq i{width:2px;height:30%;background:currentColor;border-radius:1px}@media(prefers-reduced-motion:no-preference){.audio-fab.is-playing .audio-eq i{animation:audio-eq .9s ease-in-out infinite}.audio-fab.is-playing .audio-eq i:nth-child(2){animation-duration:.72s}.audio-fab.is-playing .audio-eq i:nth-child(3){animation-duration:1.1s}.audio-fab.is-playing .audio-eq i:nth-child(4){animation-duration:.63s}}@keyframes audio-eq{0%,to{height:25%}50%{height:100%}}.audio-panel{width:260px;max-width:calc(100vw - 2rem);padding:1rem 1.1rem 1.2rem;background:color-mix(in srgb,var(--bg-elev) 94%,transparent);border:1px solid var(--line-bright);border-radius:12px;box-shadow:0 18px 50px #0000008c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.audio-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.9rem}.audio-panel-title{margin:0;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.audio-panel-hint{margin:.25rem 0 0;font-size:.72rem;line-height:1.4;color:var(--text-dim)}.audio-close{flex:none;width:1.7rem;height:1.7rem;padding:0;font-size:.85rem;color:var(--text-dim);background:transparent;border:1px solid var(--line);border-radius:6px;cursor:pointer;transition:color .2s,border-color .2s}.audio-close:hover,.audio-close:focus-visible{color:var(--accent);border-color:var(--accent-dim)}.audio-play{width:100%;margin-bottom:1rem;padding:.55em 1em;font-size:.82rem;text-align:center;cursor:pointer}.audio-play.is-playing{background:#00e5ff14;box-shadow:0 0 16px var(--accent-glow)}.audio-mix-head{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;margin-top:1rem}.audio-sub{margin:0 0 .4rem;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.audio-reset{padding:.15rem .5rem;font-size:.66rem;letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim);background:transparent;border:1px solid var(--line);border-radius:5px;cursor:pointer;transition:color .2s,border-color .2s}.audio-reset:hover,.audio-reset:focus-visible{color:var(--accent);border-color:var(--accent-dim)}.audio-row{display:grid;grid-template-columns:5.2rem 1fr;align-items:center;gap:.6rem;margin-top:.55rem}.audio-voice{grid-template-columns:5.2rem 1fr auto}.audio-label{font-size:.74rem;color:var(--text-soft);white-space:nowrap;transition:color .2s}.audio-voice.is-pinned .audio-label{color:var(--accent)}.audio-row input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}.audio-voice.is-pinned input[type=range]{accent-color:var(--accent)}.audio-voice:not(.is-pinned) input[type=range]{accent-color:var(--text-dim)}.audio-lock{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;font-size:.7rem;line-height:1;color:var(--text-dim);background:transparent;border:1px solid var(--line);border-radius:5px;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.audio-lock:hover,.audio-lock:focus-visible{color:var(--accent);border-color:var(--accent-dim)}.audio-lock.is-pinned{color:var(--bg);background:var(--accent);border-color:var(--accent)}@media(max-width:560px){.audio-fab-label{display:none}}