:root{--black:#0a0a0a;--off-white:#f0ede6;--accent:#c8f55a;--muted:#6b6b5e;--border:#f0ede61f;--font-display:"Syne", "Segoe UI", system-ui, sans-serif;--font-serif:"Instrument Serif", Georgia, serif;--font-mono:"DM Mono", "Courier New", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--black);color:var(--off-white);font-family:var(--font-display);cursor:none;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:#c8f55a4d;border-radius:2px}::selection{background:var(--accent);color:var(--black)}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(28px)}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.caret{background:var(--accent);vertical-align:middle;width:3px;height:.85em;margin-left:4px;animation:1s step-end infinite blink;display:inline-block}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width:640px){.nav-desktop{display:none!important}.nav-hamburger{display:flex!important}.project-item{grid-template-columns:1fr auto!important;gap:.8rem!important}.project-item>span:first-child{display:none}}.about-grid{grid-template-columns:220px 1fr}@media (max-width:768px){.about-grid{grid-template-columns:1fr}.stats-row>div{width:calc(50% - 1rem);flex:unset!important;border-right:none!important;margin-right:0!important;padding-right:0!important}}@media (max-width:480px){.stats-row>div{width:100%}}.hero-section{padding:0 2.5rem}@media (max-width:480px){.hero-section{padding:0 1.25rem}}.skills-grid{grid-template-columns:repeat(3,1fr)}@media (max-width:900px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.skills-grid{grid-template-columns:1fr}.skills-grid>div{border-right:none!important}}.blog-grid{grid-template-columns:repeat(3,1fr)}@media (max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.blog-grid{grid-template-columns:1fr}}@media (max-width:640px){.hero-section{justify-content:center!important;padding-top:6rem!important;padding-bottom:0!important}}