:root{--color-dark:#0a0a0a;--color-cream:#f5f4ef;--color-white:#fff;--color-gray-1:#3a3a3a;--color-gray-2:#6b6b6b;--color-gray-3:#d4d4d4;--color-border:#e0ded8;--color-accent:#ff6b2b;--bg-primary:#08090d;--bg-secondary:#11131a;--bg-card:#ffffff08;--text-primary:#fff;--text-secondary:#9ca3af;--accent-color:#f4761e;--accent-hover:#ff8c38;--border-color:#ffffff1a;--glass-bg:#12131abf;--glass-border:#ffffff14}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--color-dark);color:var(--color-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:IBM Plex Mono,Geist Mono,Courier New,monospace;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:400;line-height:1.1}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{display:none}.bg-primary{background-color:var(--bg-primary)}.text-primary{color:var(--text-primary)}.min-h-screen{min-height:100vh}.app{background-color:var(--bg-primary)}.font-serif{font-family:Instrument Serif,Playfair Display,Georgia,serif}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px}.glass-nav{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);background:#0a0c10cc}.btn{cursor:pointer;border:none;border-radius:9999px;outline:none;justify-content:center;align-items:center;padding:12px 28px;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#f4761e 0%,#e05a0a 100%);box-shadow:0 4px 20px #f4761e66}.btn-primary:hover{background:linear-gradient(135deg,#ff8c38 0%,#f4761e 100%);transform:translateY(-2px);box-shadow:0 8px 28px #f4761e80}.btn-outline{color:var(--text-primary);border:1px solid var(--border-color);background-color:#0000}.btn-outline:hover{background-color:#ffffff0d;border-color:#fff3}.btn-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff1a;border:1px solid #fff3}.btn-glass:hover{background:#ffffff26;transform:translateY(-2px)}.container{max-width:1200px;margin:0 auto;padding:0 24px}@media (width<=480px){.container{padding:0 16px}}.hero-sticky-wrapper{z-index:1;min-height:100vh;position:sticky;top:0}.home-main{z-index:2;position:relative}.projects-sticky-wrapper{z-index:1;min-height:200vh;position:sticky;top:0;overflow:hidden}.post-projects-content{z-index:2;position:relative}@media (width<=768px){.hero-sticky-wrapper{min-height:auto;position:relative}.projects-sticky-wrapper{min-height:auto;position:relative;overflow:visible}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeInUp}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}
