:root{--color-bg: #0A0E12;--color-surface: #12171D;--color-border: #232B33;--color-text: #E6EDF3;--color-text-muted: #8B98A5;--color-accent: #2DD4BF;--color-accent-strong: #5EEAD4;--font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace;--font-sans: "Inter", -apple-system, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.563rem;--text-2xl: 1.953rem;--text-3xl: 2.441rem;--text-4xl: 3.052rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--container-max: 72rem;--bp-sm: 480px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1440px}@media(prefers-color-scheme:light){:root{--color-bg: #F7F9FA;--color-surface: #FFFFFF;--color-border: #E1E6EA;--color-text: #0F1620;--color-text-muted: #475569;--color-accent: #0C7A6E;--color-accent-strong: #0A6359}}*,*:before,*:after{box-sizing:border-box}body{position:relative;margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5}h1,h2,h3{font-family:var(--font-mono);line-height:1.2;margin:0}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-strong)}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-4)}@media(min-width:480px){.container{padding:0 var(--space-5)}}@media(min-width:768px){.container{padding:0 var(--space-6)}}@media(min-width:1024px){.container{padding:0 var(--space-7)}}.eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;font-size:var(--text-xs);color:var(--color-accent);margin:0 0 var(--space-3)}.navbar{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--color-surface) 80%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);font-family:var(--font-mono)}.navbar__inner{display:flex;align-items:center;justify-content:space-between;height:var(--space-8);padding-block:var(--space-2)}.navbar__wordmark{color:var(--color-text);font-weight:700;font-size:var(--text-lg)}.navbar__wordmark:after{content:"_";color:var(--color-accent);animation:blink 1s step-end infinite}.navbar__links{display:flex;gap:var(--space-6)}.navbar__link{color:var(--color-text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.navbar__link--active{color:var(--color-text)}.hero{padding:var(--space-9) 0}.hero--home{min-height:60vh;display:flex;align-items:center}.hero--page{padding:var(--space-7) 0}.hero__heading{font-size:var(--text-4xl);font-weight:700;max-width:40rem;margin-bottom:var(--space-5)}.hero__subheading{font-family:var(--font-sans);color:var(--color-text-muted);font-size:var(--text-lg);max-width:34rem;margin-bottom:var(--space-6)}.button{display:inline-block;font-family:var(--font-mono);font-weight:500;border-radius:var(--space-1);border:1px solid transparent}.button--md{padding:var(--space-3) var(--space-5);font-size:var(--text-base)}.button--sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.button--primary{background:var(--color-accent);color:var(--color-bg)}.button--primary:hover{background:var(--color-accent-strong);color:var(--color-bg)}.button--secondary{background:transparent;border-color:var(--color-accent);color:var(--color-accent)}.section{padding-block:var(--space-8)}.section-heading{margin-bottom:var(--space-6)}.section-heading__title{font-size:var(--text-2xl);font-weight:600}.project-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:1024px){.project-grid{grid-template-columns:repeat(3,1fr)}}.project-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--space-2);padding:var(--space-5)}.project-card__cover{background:var(--color-border);border-radius:var(--space-1);height:var(--space-9);margin-bottom:var(--space-4)}.project-card__title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}.project-card__description{font-family:var(--font-sans);color:var(--color-text-muted);font-size:var(--text-sm);margin:0 0 var(--space-4)}.project-card__link{font-family:var(--font-mono);font-size:var(--text-sm);display:inline-block;margin-top:var(--space-4)}.project-card--grid{padding:var(--space-4)}.project-card--grid .project-card__cover{height:var(--space-7)}img.project-card__cover{width:100%;object-fit:cover}.project-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin:var(--space-4) 0}.project-gallery__image{width:100%;height:auto;border-radius:var(--space-1)}.project-gallery__video{width:100%;border-radius:var(--space-1)}.tech-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tech-tag{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--space-6);padding:var(--space-1) var(--space-3)}.footer{border-top:1px solid var(--color-border);padding:var(--space-6) 0}.footer__inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4)}.footer__copyright{font-family:var(--font-sans);color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.contact-links{display:flex;gap:var(--space-5);list-style:none;margin:0;padding:0}.contact-links__item{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted)}.contact-links__item:hover{color:var(--color-accent)}.project-card:hover{border-color:var(--color-accent)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(var(--space-4))}to{opacity:1;transform:translateY(0)}}@keyframes glow-fade-in{0%{opacity:0}to{opacity:1}}body:before{content:"";position:absolute;top:0;left:0;right:0;height:140vh;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% -10%,color-mix(in srgb,var(--color-accent) 15%,transparent) 0%,var(--color-bg) 85%);opacity:0;animation:glow-fade-in 1.2s ease-out forwards}@keyframes blink{50%{opacity:0}}.hero--home .eyebrow{animation:fade-in-up .6s ease-out both}.hero--home .hero__heading{animation:fade-in-up .6s ease-out .1s both}.hero--home .hero__subheading{animation:fade-in-up .6s ease-out .2s both}.hero--home .button--primary{animation:fade-in-up .6s ease-out .3s both}.project-grid .project-card:nth-child(1){animation:fade-in-up .6s ease-out .5s both}.project-grid .project-card:nth-child(2){animation:fade-in-up .6s ease-out .6s both}.project-grid .project-card:nth-child(3){animation:fade-in-up .6s ease-out .7s both}.project-card{transition:transform .2s ease-out,border-color .2s ease-out}.project-card:hover{transform:translateY(-4px)}.button--primary{transition:transform .15s ease-out,background .15s ease-out}.button--primary:hover{transform:translateY(-2px) scale(1.02)}.navbar__link{position:relative}.navbar__link:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:var(--color-accent);transform:scaleX(0);transform-origin:left;transition:transform .2s ease-out}.navbar__link:hover:after{transform:scaleX(1)}.navbar__link--active:after{transform:scaleX(1);animation:blink 1s step-end infinite}