:root{--bg-primary:#09090d;--bg-secondary:#11111a;--bg-surface:#14141fcc;--bg-surface-raised:#1b1c2aeb;--bg-surface-strong:#1d1f2d;--text-primary:#f5f7fb;--text-secondary:#c6cede;--text-muted:#8c95a8;--accent-cyan:#67e8f9;--accent-violet:#8b5cf6;--accent-rose:#fb7185;--accent-lime:#bef264;--border-soft:#ffffff14;--border-strong:#67e8f938;--shadow-soft:0 18px 50px #00000052;--shadow-glow:0 20px 60px #67e8f91f;--gradient-accent:linear-gradient(135deg, var(--accent-cyan), var(--accent-violet) 55%, var(--accent-rose));--gradient-soft:linear-gradient(135deg, #67e8f92e, #8b5cf62e 55%, #fb718529);--font-display:"Syne", "Avenir Next", "Segoe UI", sans-serif;--font-body:"Manrope", "Inter", "Segoe UI", sans-serif;--font-mono:"Space Mono", "IBM Plex Mono", ui-monospace, monospace;--max-width:76rem;--radius-xs:.5rem;--radius-sm:.85rem;--radius-md:1.3rem;--radius-lg:1.8rem;--transition-fast:.15s ease;--transition-normal:.25s ease}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100dvh;color:var(--text-primary);font-family:var(--font-body);background:radial-gradient(circle at 18% 18%,#67e8f929,#0000 26%),radial-gradient(circle at 82% 20%,#8b5cf62e,#0000 24%),radial-gradient(circle at 50% 100%,#fb71851f,#0000 30%),linear-gradient(#0a0a10 0%,#0d1018 45%,#09090d 100%);line-height:1.7}body:before,body:after{content:"";pointer-events:none;z-index:0;position:fixed;inset:0}body:before{opacity:.28;background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:36px 36px;-webkit-mask-image:radial-gradient(circle,#000,#0000 88%);mask-image:radial-gradient(circle,#000,#0000 88%)}body:after{filter:blur(80px);background:radial-gradient(circle at 15% 15%,#67e8f91a,#0000 18%),radial-gradient(circle at 85% 25%,#8b5cf61a,#0000 22%);animation:18s ease-in-out infinite alternate ambientDrift}main.container{z-index:1;width:100%;max-width:var(--max-width);margin-inline:auto;padding:1.25rem 1.25rem 3rem;position:relative}::selection{background:var(--accent-cyan);color:#081018}a{color:var(--text-primary);transition:color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-cyan)}p,li{color:var(--text-secondary)}img,svg{max-width:100%;display:block}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.04em;line-height:1.05}:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:3px;border-radius:var(--radius-xs)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#09090dcc}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#67e8f959}.muted{color:var(--text-muted)}.surface,.surface-raised,.card-panel,.hero-panel,.page-hero__meta,.cta-card{border:1px solid var(--border-soft);background:var(--bg-surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-soft)}.surface,.surface-raised{border-radius:var(--radius-md);padding:1.3rem}.surface-raised,.card-panel,.hero-panel,.page-hero__meta,.cta-card{background:var(--bg-surface-raised)}.page-shell{gap:1.6rem;display:grid}.page-shell__content{gap:1.4rem;display:grid}.page-hero{border-radius:var(--radius-lg);box-shadow:var(--shadow-soft), var(--shadow-glow);background:linear-gradient(155deg,#ffffff05,#0000 38%),linear-gradient(#ffffff05,#ffffff03),#11111ae6;border:1px solid #ffffff1a;padding:1.6rem;position:relative;overflow:hidden}.page-hero--home{box-shadow:var(--shadow-soft), var(--shadow-glow)}.page-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 0 0,#67e8f92e,#0000 26%),radial-gradient(circle at 88% 12%,#8b5cf633,#0000 24%);position:absolute;inset:0}.page-hero__grid{z-index:1;gap:1.4rem;display:grid;position:relative}.page-hero__copy{gap:1rem;display:grid}.page-hero__eyebrow{width:fit-content;color:var(--accent-cyan);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:#67e8f914;border:1px solid #67e8f942;border-radius:999px;align-items:center;gap:.65rem;padding:.45rem .85rem;font-size:.76rem;display:inline-flex}.page-hero__eyebrow--home{color:var(--accent-cyan);background:#67e8f914;border-color:#67e8f942}.page-hero__eyebrow--inner{color:var(--text-secondary);background:#ffffff0a;border-color:#ffffff1a}.page-hero__dot{background:var(--accent-lime);border-radius:999px;width:.52rem;height:.52rem;animation:1.8s ease-in-out infinite pulse;box-shadow:0 0 16px #bef264bf}.page-title{font-size:clamp(2.7rem,8vw,6.2rem)}.page-title--home{max-width:9ch}.page-title--inner{max-width:15ch;font-size:clamp(2.3rem,6vw,4.6rem)}.page-title__accent,.site-header__brand-mark,.section-heading__title,.glow{background:var(--gradient-accent);color:#0000;-webkit-background-clip:text;background-clip:text}.page-description{max-width:58ch;color:var(--text-secondary);font-size:1.02rem}.page-hero__actions,.page-hero__chips,.hero-stats,.hero-stat__meta,.section-heading,.project-card__footer,.blog-card__footer,.site-footer__row,.site-footer__social,.site-header__nav,.site-header__links,.section-heading__line-wrap{flex-wrap:wrap;align-items:center;display:flex}.page-hero__actions,.page-hero__chips,.hero-stats,.project-card__footer,.blog-card__footer,.site-footer__row,.site-footer__social,.site-header__links{gap:.8rem}.button,.button-secondary{min-height:2.95rem;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;padding:.8rem 1.15rem;font-size:.82rem;display:inline-flex}.button{color:#081018;background:var(--gradient-accent);box-shadow:0 16px 35px #67e8f92e}.button:hover{color:#081018;transform:translateY(-2px);box-shadow:0 20px 42px #67e8f93d}.button-secondary{color:var(--text-primary);background:#ffffff08;border:1px solid #ffffff24}.button-secondary:hover{color:var(--accent-cyan);border-color:#67e8f95c;transform:translateY(-2px)}.page-hero__chips{gap:.55rem}.info-chip,.tag,.project-card__status,.blog-card__date,.section-heading__number,.site-header__path{font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;font-size:.72rem}.info-chip,.tag,.section-heading__number,.site-header__path{border:1px solid #ffffff17;border-radius:999px;padding:.42rem .72rem}.info-chip{color:var(--text-secondary);background:#ffffff0a}.page-hero__meta{border-radius:var(--radius-md);align-content:start;gap:1rem;padding:1.2rem;display:grid;position:relative;overflow:hidden}.page-hero__meta:before,.cta-card:before,.card-panel:before{content:"";background:var(--gradient-accent);width:100%;height:2px;position:absolute;inset:0 auto auto 0}.page-hero__meta-title,.cta-card__title,.hero-stat__value,.project-card__title,.blog-card__title{font-family:var(--font-display);color:var(--text-primary)}.page-hero__meta-title,.cta-card__title{font-size:1.35rem}.page-hero__meta-copy,.cta-card__copy,.hero-stat__label,.project-card__description,.blog-card__description{color:var(--text-secondary);text-wrap:pretty;line-height:1.6}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;display:grid}.hero-stat,.card-panel,.cta-card{border-radius:var(--radius-md);position:relative;overflow:hidden}.hero-stat{background:#ffffff08;border:1px solid #ffffff14;padding:1rem}.hero-stat__value{font-size:clamp(1.5rem,5vw,2.35rem)}.hero-stat__meta{justify-content:space-between;gap:.75rem}.hero-stat__label{font-size:.86rem}.hero-stat__signal{background:var(--accent-cyan);border-radius:999px;width:.65rem;height:.65rem;box-shadow:0 0 16px #67e8f9bf}.section-stack{gap:1.4rem;display:grid}.section-grid{gap:1.15rem;display:grid}.section-grid--cards{grid-template-columns:repeat(auto-fit,minmax(min(20rem,100%),1fr))}.section-heading{justify-content:space-between;gap:1rem}.section-heading__intro{gap:.45rem;display:grid}.section-heading__eyebrow{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem}.section-heading__row{align-items:center;gap:.8rem;display:flex}.section-heading__title{font-size:clamp(1.7rem,3vw,2.35rem)}.section-heading__number{color:var(--accent-cyan);background:#67e8f917;border-color:#67e8f938}.section-heading__line-wrap{flex:1;justify-content:flex-end;gap:.75rem;min-width:180px}.section-heading__line{background:linear-gradient(90deg,#67e8f98c,#8b5cf61f,#0000);flex:1;min-width:5rem;height:1px}.section-link,.project-card__link,.blog-card__link,.site-footer__link{position:relative}.section-link:after,.project-card__link:after,.blog-card__link:after,.site-footer__link:after{content:"";transform-origin:0;width:100%;height:1px;transition:transform var(--transition-fast);background:currentColor;position:absolute;bottom:-.2rem;left:0;transform:scaleX(0)}.section-link:hover:after,.project-card__link:hover:after,.blog-card__link:hover:after,.site-footer__link:hover:after{transform:scaleX(1)}.card-panel,.cta-card{padding:1.25rem}.card-panel{min-height:100%;transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);gap:.9rem;display:grid}.card-panel:hover{border-color:var(--border-strong);box-shadow:var(--shadow-soft), var(--shadow-glow);transform:translateY(-4px)}.project-card,.blog-card{gap:.95rem;display:grid}.project-card__top,.blog-card__top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.7rem;display:flex}.project-card__badges,.project-card__tags,.blog-card__tags{flex-wrap:wrap;gap:.55rem;list-style:none;display:flex}.project-card__status,.blog-card__date{transition:border-color var(--transition-fast);background:#ffffff08;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .7rem;display:inline-flex}.project-card__status:before{content:"";border-radius:999px;flex-shrink:0;width:.45rem;height:.45rem}.project-card__status--active{color:var(--accent-cyan);background:#67e8f90f;border-color:#67e8f933}.project-card__status--active:before{background:var(--accent-cyan);box-shadow:0 0 8px #67e8f999}.project-card__status--completed{color:var(--accent-violet);background:#8b5cf614;border-color:#8b5cf633}.project-card__status--completed:before{background:var(--accent-violet);box-shadow:0 0 8px #8b5cf680}.project-card__status--wip{color:var(--accent-rose);background:#fb718514;border-color:#fb718533}.project-card__status--wip:before{background:var(--accent-rose);box-shadow:0 0 8px #fb718580}.project-card__status--archived{color:var(--text-muted);background:#8c95a80f;border-color:#8c95a826}.project-card__status--archived:before{background:var(--text-muted)}.project-card__category{color:var(--accent-lime);background:#a3e6350f;border-color:#a3e63533}.project-card__category:before{content:"";background:var(--accent-lime);border-radius:2px;flex-shrink:0;width:.4rem;height:.4rem}.project-card__featured{color:var(--accent-lime);background:#a3e63514;border:1px solid #a3e63540;border-radius:999px;align-items:center;gap:.35rem;padding:.28rem .6rem;display:inline-flex;box-shadow:0 0 12px #a3e63526}.project-card__featured:before{content:"";background:var(--accent-lime);border-radius:999px;flex-shrink:0;width:.4rem;height:.4rem;box-shadow:0 0 6px #a3e635b3}.project-card__title,.blog-card__title{text-wrap:balance;font-size:1.55rem;font-weight:600;line-height:1.25}.project-card__title a,.blog-card__title a{color:inherit}.tag{color:var(--text-secondary);background:#ffffff0a}.tag--stack{color:#d8ccff;background:#8b5cf624;border-color:#8b5cf63d}.tag--topic{color:#b6f6ff;background:#67e8f91f;border-color:#67e8f938}.site-header{z-index:100;position:sticky;top:.85rem}.site-header__nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-height:4.1rem;box-shadow:var(--shadow-soft);background:#0f1018bd;border:1px solid #ffffff1a;border-radius:999px;justify-content:space-between;gap:1rem;padding:.95rem 1.15rem}.site-header__brand{gap:.15rem;display:grid}.site-header__logo{font-family:var(--font-display);font-size:1.1rem;font-weight:700}.site-header__path{width:fit-content;color:var(--text-muted);background:#ffffff08}.site-header__links{justify-content:flex-end;gap:.25rem;list-style:none}.site-header__link{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;transition:color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);border:1px solid #0000;border-radius:999px;padding:.35rem .65rem;font-size:.76rem}.site-header__link:hover{color:var(--text-secondary);background:#ffffff0a;border-color:#ffffff0f}.site-header__link--active{color:var(--text-primary);background:#ffffff0f;border-color:#ffffff1a}.site-footer{border-radius:var(--radius-md);background:#0e0e14d9;border:1px solid #ffffff1a;gap:1rem;margin-top:1rem;padding:1.25rem 1.35rem;display:grid}.site-footer__row{justify-content:space-between;gap:1rem}.site-footer__copy{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);font-size:.76rem}.site-footer__social{list-style:none}.site-footer__link{color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem}.empty-state{border-radius:var(--radius-md);padding:1.1rem 1.2rem}.meta-row,.tag-list,.link-row{flex-wrap:wrap;gap:.75rem;display:flex}.meta-row{align-items:center}.meta-copy{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:.78rem}.tag-list{list-style:none}.detail-status{font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--accent-violet);background:#8b5cf61f;border:1px solid #ffffff1a;border-radius:999px;align-items:center;padding:.38rem .65rem;font-size:.72rem;display:inline-flex}.detail-featured{color:var(--accent-lime)}.detail-overview{gap:.95rem;display:grid}.detail-overview__title{font-size:1.2rem}.project-detail{gap:1.35rem;display:grid}.project-detail .meta-row{gap:.6rem .85rem}.project-detail .tag-list{gap:.55rem}.project-detail>.surface,.project-detail>.surface-raised{padding:1.35rem}.project-detail .detail-overview,.project-detail .detail-overview-panel{gap:1.15rem}.project-detail .detail-highlights{gap:.8rem;display:grid}.project-detail .detail-highlights h3{margin-top:0}.highlight-item{border-radius:var(--radius-md);color:var(--text-secondary);transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);background:#ffffff06;border-left:3px solid #0000;padding:.7rem .85rem .7rem 1rem;font-size:.9rem;line-height:1.55;list-style:none;position:relative}.highlight-item:hover{box-shadow:var(--shadow-soft);transform:translateY(-2px)}.highlight-item--1{border-left-color:var(--accent-cyan);color:var(--text-primary);background:#67e8f90f}.highlight-item--2{border-left-color:var(--accent-violet);color:var(--text-primary);background:#8b5cf612}.highlight-item--3{border-left-color:var(--accent-rose);color:var(--text-primary);background:#fb718512}@media (prefers-reduced-motion:reduce){.highlight-item{transition:none}.highlight-item:hover{transform:none}}.project-detail .link-row{margin-top:.25rem}.link-row a{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem}.rich-copy{gap:1.15rem;display:grid}.rich-copy h2,.rich-copy h3{font-family:var(--font-display);color:var(--text-primary);margin-top:.8rem;line-height:1.3}.rich-copy h2{font-size:1.6rem}.rich-copy h3{font-size:1.35rem}.rich-copy p,.rich-copy li{color:var(--text-secondary);text-wrap:pretty;max-width:68ch;line-height:1.65}.rich-copy ul,.rich-copy ol{gap:.6rem;padding-left:1.25rem;display:grid}.rich-copy a{color:var(--accent-cyan)}.rich-copy code{font-family:var(--font-mono);background:#ffffff0f;border-radius:.4rem;padding:.15rem .35rem;font-size:.92em}.rich-copy pre{border-radius:var(--radius-sm);background:#0000003d;border:1px solid #ffffff14;padding:1rem;overflow-x:auto}.rich-copy ul,.rich-copy ol{padding-left:1.25rem}.rich-copy blockquote{border-left:2px solid #67e8f94d;padding-left:1rem}.project-detail .rich-copy{gap:1.35rem}.project-detail .rich-copy h2,.project-detail .rich-copy h3{margin-top:1rem}.project-detail .detail-overview-panel{padding:1.45rem}.mdx-heading-1{font-size:clamp(1.8rem,4vw,3rem);line-height:1.08}.mdx-heading-2{font-size:1.35rem;line-height:1.18}.mdx-paragraph{max-width:68ch}.mdx-list{gap:.5rem;padding-inline-start:1.2rem;display:grid}.mdx-strong{color:var(--text-primary)}@keyframes ambientDrift{0%{transform:translate(0,0)scale(1)}to{transform:translateY(-1.5%)scale(1.03)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.82)}}@media (width>=768px){main.container{padding-inline:1.75rem}.project-detail{gap:1.5rem}.page-hero{padding:2rem}}@media (width>=1024px){.page-hero__grid{grid-template-columns:minmax(0,1.4fr) minmax(19rem,.8fr);align-items:start}.project-detail>.surface,.project-detail>.surface-raised{padding:1.6rem}.project-detail .detail-overview-panel{padding:1.75rem}.page-hero{padding:2.4rem}}@media (width<=767px){.site-header__nav,.site-footer__row,.section-heading,.section-heading__line-wrap{align-items:flex-start}.hero-stats{grid-template-columns:1fr}.site-header__nav,.site-header__links{gap:.65rem}.page-title{max-width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}body:after,.page-hero__dot,.button,.button-secondary,.card-panel,.site-header__link,.site-footer__link,.project-card__link,.blog-card__link,.section-link{transition:none;animation:none}}