:root{--accent:#22c55e;--bg:#000;--surface:#111;--surface-2:#222;--border:#222;--border-light:#333;--text:#fff;--text-muted:#888;--text-dim:#444;--text-faint:#555;--font-body:"Space Grotesk", sans-serif;--font-heading:"Playfair Display", serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);font-family:var(--font-body)}h1,h2,h3{font-family:var(--font-heading)}::selection{background-color:var(--accent);color:#000}.bg-accent{background-color:var(--accent)}.text-accent{color:var(--accent)}.border-accent{border-color:var(--accent)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.visual-item{opacity:0;pointer-events:none;transition:opacity .5s cubic-bezier(.4,0,.2,1)}.visual-item.active{opacity:1;pointer-events:auto}.bg-card-element{opacity:.05;filter:blur(2px);pointer-events:none;z-index:-1;background:#0d0d0d;border:1px solid #1a1a1a;border-radius:12px;width:240px;padding:16px;transition:opacity .4s,filter .4s,box-shadow .4s;position:absolute}.hero-headline-wrapper{vertical-align:top;flex-direction:column;width:100%;height:1.1em;display:inline-flex;position:relative;overflow:visible}.active-underline{display:inline-block}.speed-card{background:var(--surface);border:1px solid var(--surface-2);border-radius:20px;width:320px;padding:24px;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative}.speed-card:hover{border-color:var(--border-light);z-index:30;transform:rotate(0)translateY(0)scale(1.02)!important}.card-tilt-right{z-index:20;transform:rotate(3deg)translateY(-8px)scale(1.04)}.mock-ui{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:12px;height:180px;margin-bottom:24px;padding:16px;overflow:hidden}.project-slide{transition:opacity .4s ease-in-out}.geist-900{letter-spacing:-.03em;font-weight:900}.container-xl{max-width:1440px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}@media (width>=768px){.container-xl{padding-left:3rem;padding-right:3rem}}.work-visual-panel,.work-progress-bar{display:none}@media (width>=1024px){.work-visual-panel{display:block}#tabs-container{width:40%!important}.work-progress-bar{display:block}}