:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#f1f3f5;--text-primary:#1a1a1a;--text-secondary:#4a4a4a;--text-muted:#868e96;--border-subtle:#e9ecef;--border-strong:#dee2e6;--accent:#495057;--accent-muted:#4950571a;--mono:"JetBrains Mono", "Fira Code", ui-monospace, monospace;--sans:"Inter", system-ui, -apple-system, sans-serif;--grid-unit:8px;--container-max:1200px}[data-theme=dark]{--bg-primary:#0a0a0a;--bg-secondary:#141414;--bg-tertiary:#1c1c1c;--text-primary:#f8f9fa;--text-secondary:#adb5bd;--text-muted:#495057;--border-subtle:#252525;--border-strong:#333;--accent:#adb5bd;--accent-muted:#adb5bd26}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.6;transition:background-color .3s,color .3s}#root{flex-direction:column;min-height:100vh;display:flex}.technical-grid{gap:var(--grid-unit);max-width:var(--container-max);width:100%;padding:calc(var(--grid-unit) * 4);grid-template-columns:repeat(12,1fr);margin:0 auto;display:grid}h1,h2,h3,h4{letter-spacing:-.02em;color:var(--text-primary);font-weight:600}.mono{font-family:var(--mono);letter-spacing:-.01em;font-size:.9em}.border-box{border:1px solid var(--border-subtle);padding:calc(var(--grid-unit) * 2);transition:all .2s cubic-bezier(.4,0,.2,1)}.hover-text-accent{transition:color .2s}.hover-text-accent:hover{color:var(--accent)!important}.technical-link{color:inherit;text-decoration:none;transition:all .2s}.technical-link:hover{color:var(--accent);transform:translate(4px)}button{cursor:pointer;border:1px solid var(--border-strong);color:var(--text-primary);font-family:var(--mono);padding:calc(var(--grid-unit)) calc(var(--grid-unit) * 2);background:0 0;transition:all .2s}button:hover{background:var(--bg-tertiary);border-color:var(--accent)}.grid-span-1{grid-column:span 1}.grid-span-2{grid-column:span 2}.grid-span-3{grid-column:span 3}.grid-span-4{grid-column:span 4}.grid-span-5{grid-column:span 5}.grid-span-6{grid-column:span 6}.grid-span-7{grid-column:span 7}.grid-span-8{grid-column:span 8}.grid-span-9{grid-column:span 9}.grid-span-10{grid-column:span 10}.grid-span-11{grid-column:span 11}.grid-span-12{grid-column:span 12}.hero-info-grid{flex-direction:column;gap:16px;display:flex}.hero-container{gap:var(--grid-unit);grid-template-columns:repeat(12,1fr);display:grid}@media (width<=1024px){.technical-grid{padding:calc(var(--grid-unit) * 3)}.tablet-span-12{grid-column:span 12!important}.tablet-span-6{grid-column:span 6!important}}@media (width<=768px){.technical-grid{padding:calc(var(--grid-unit) * 2);flex-direction:column;gap:24px;display:flex}.mobile-span-12{grid-column:span 12!important}h1{font-size:2.5rem!important}h2{font-size:1.5rem!important}.hide-mobile{display:none!important}.border-box{padding:calc(var(--grid-unit) * 1.5)}.hero-info-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.blog-modal,.project-modal{padding:20px!important}}.blog-modal,.project-modal{padding:40px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-strong)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.pixel-card{border:1px solid var(--border-subtle);isolation:isolate;-webkit-user-select:none;user-select:none;background:var(--bg-secondary);border-radius:4px;width:100%;transition:border-color .2s cubic-bezier(.5,1,.89,1);position:relative;overflow:hidden}.pixel-canvas{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.pixel-card-content{z-index:1;width:100%;position:relative}.pixel-card:before{content:"";aspect-ratio:1;background:radial-gradient(circle, var(--accent-muted), transparent 85%);opacity:0;z-index:0;pointer-events:none;margin:auto;transition:opacity .8s cubic-bezier(.5,1,.89,1);position:absolute;inset:0}.pixel-card:hover:before,.pixel-card:focus-within:before{opacity:1}.pixel-card:hover{border-color:var(--accent)}.target-cursor-wrapper{pointer-events:none;z-index:9999;mix-blend-mode:difference;width:0;height:0;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.target-cursor-dot{will-change:transform;background:#fff;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.target-cursor-corner{will-change:transform;border:3px solid #fff;width:12px;height:12px;position:absolute;top:50%;left:50%}.corner-tl{border-bottom:none;border-right:none;transform:translate(-150%,-150%)}.corner-tr{border-bottom:none;border-left:none;transform:translate(50%,-150%)}.corner-br{border-top:none;border-left:none;transform:translate(50%,50%)}.corner-bl{border-top:none;border-right:none;transform:translate(-150%,50%)}.faulty-terminal-container{width:100%;height:100%;position:relative;overflow:hidden}