:root{--color-primary: #00d4ff;--color-primary-dark: #00a8cc;--color-bg: #000000;--color-bg-secondary: #0a0a0a;--color-text: #ffffff;--color-text-secondary: rgba(255, 255, 255, .7);--color-text-muted: rgba(255, 255, 255, .5);--gradient-primary: linear-gradient(135deg, #00d4ff 0%, #0066ff 100%);--gradient-glow: radial-gradient(circle at center, rgba(0, 212, 255, .3) 0%, transparent 70%);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem;--font-primary: "Space Grotesk", sans-serif;--font-mono: "IBM Plex Mono", monospace;--transition-smooth: cubic-bezier(.4, 0, .2, 1);--transition-bounce: cubic-bezier(.68, -.55, .265, 1.55)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background:var(--color-bg);color:var(--color-text);overflow-x:hidden;min-height:100vh;cursor:auto}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}.custom-cursor{position:fixed;top:0;left:0;pointer-events:none;z-index:10000;mix-blend-mode:difference;display:none}.cursor-dot{position:fixed;width:8px;height:8px;background:var(--color-primary);border-radius:50%;transform:translate(-50%,-50%);transition:width .3s var(--transition-smooth),height .3s var(--transition-smooth)}.cursor-outline{position:fixed;width:40px;height:40px;border:2px solid var(--color-primary);border-radius:50%;transform:translate(-50%,-50%);transition:width .3s var(--transition-smooth),height .3s var(--transition-smooth);opacity:.5}body:hover .cursor-dot{width:12px;height:12px}#particle-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.4}.scroll-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:var(--gradient-primary);z-index:9999;transition:width .1s linear;box-shadow:0 0 20px var(--color-primary)}#lux-topbar{border-bottom:1px solid rgba(255,255,255,.1);background:#000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:transform .3s var(--transition-smooth)}#lux-topbar a{transition:color .3s ease}#lux-topbar a:hover{color:var(--color-primary)}#menu-toggle{cursor:pointer;transition:color .3s ease}#menu-toggle:hover{color:var(--color-primary)}.hero-work{position:relative;min-height:60vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg) var(--spacing-md);padding-top:calc(var(--spacing-lg) + 56px);overflow:hidden}.hero-bg-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(0,212,255,.1) 0%,transparent 70%);z-index:1}.hero-content{position:relative;z-index:2;text-align:center;max-width:1200px}.hero-label{display:inline-flex;align-items:center;gap:.75rem;font-family:var(--font-mono);font-size:.875rem;color:var(--color-primary);letter-spacing:.2em;text-transform:uppercase;margin-bottom:var(--spacing-md)}.status-pulse{width:8px;height:8px;background:var(--color-primary);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.hero-title{font-size:clamp(3rem,8vw,7rem);font-weight:700;line-height:1.1;margin-bottom:var(--spacing-md)}.title-line{display:block}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.filter-section{position:relative;z-index:10;padding:var(--spacing-md) var(--spacing-md);display:flex;justify-content:center}.filter-container{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center;padding:var(--spacing-sm);background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:100px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-btn{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.875rem;color:var(--color-text-secondary);background:transparent;border:1px solid transparent;padding:.75rem 1.5rem;border-radius:50px;cursor:pointer;transition:all .3s var(--transition-smooth);text-transform:uppercase;letter-spacing:.05em}.filter-icon{font-size:.5rem;opacity:.5;transition:opacity .3s ease}.filter-btn:hover{color:var(--color-text);background:#ffffff0d}.filter-btn.active{color:var(--color-primary);background:#00d4ff1a;border-color:#00d4ff4d}.filter-btn.active .filter-icon{opacity:1}.projects-section{position:relative;z-index:10;padding:var(--spacing-md) var(--spacing-md);max-width:1600px;margin:0 auto}.bento-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-md);grid-auto-flow:dense}.project-card{position:relative;background:#0a0a0a99;border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;cursor:pointer;transition:all .5s var(--transition-smooth);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-height:500px;display:flex;flex-direction:column}.project-card.large{grid-column:span 2;min-height:600px}.project-card.wide{grid-column:span 2}.project-card:hover{border-color:#00d4ff80;transform:translateY(-10px);box-shadow:0 20px 60px #00d4ff33}.card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,212,255,.15) 0%,transparent 70%);opacity:0;transition:opacity .5s ease;pointer-events:none}.project-card:hover .card-glow{opacity:1}.card-image-wrapper{position:relative;width:100%;height:300px;overflow:hidden}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--transition-smooth);filter:grayscale(50%) brightness(.8)}.project-card:hover .card-image{transform:scale(1.1);filter:grayscale(0%) brightness(1)}.card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.8) 100%);z-index:1}.card-content{padding:var(--spacing-md);flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.meta-category{font-family:var(--font-mono);font-size:.75rem;color:var(--color-primary);text-transform:uppercase;letter-spacing:.1em}.meta-id{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted)}.card-title{font-size:2rem;font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-xs);transition:color .3s ease}.project-card:hover .card-title{color:var(--color-primary)}.card-description{font-size:1rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-sm)}.card-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:var(--spacing-sm)}.tag{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted);background:#ffffff0d;padding:.25rem .75rem;border-radius:20px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.project-card:hover .tag{background:#00d4ff1a;border-color:#00d4ff4d;color:var(--color-primary)}.card-link{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.875rem;color:var(--color-text);text-decoration:none;margin-top:auto;transition:all .3s ease}.card-link:hover{color:var(--color-primary);gap:1rem}.card-link svg{transition:transform .3s ease}.card-link:hover svg{transform:translate(4px)}.cta-work{position:relative;z-index:10;padding:var(--spacing-lg) var(--spacing-md);text-align:center}.cta-content{max-width:800px;margin:0 auto}.cta-title{font-size:clamp(2rem,5vw,4rem);font-weight:700;margin-bottom:var(--spacing-sm);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-subtitle{font-size:1.25rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.cta-button{position:relative;display:inline-flex;align-items:center;gap:1rem;font-size:1.125rem;font-weight:600;color:var(--color-bg);background:var(--color-primary);padding:1.25rem 3rem;border-radius:50px;text-decoration:none;overflow:hidden;transition:all .3s var(--transition-smooth);box-shadow:0 10px 40px #00d4ff4d}.cta-button:hover{transform:translateY(-4px);box-shadow:0 20px 60px #00d4ff80}.button-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.cta-button:hover .button-glow{left:100%}@media(max-width:1024px){.bento-grid{grid-template-columns:1fr}.project-card.large,.project-card.wide{grid-column:span 1}.top-nav{padding:0 var(--spacing-md)}}@media(max-width:768px){body{cursor:auto}.custom-cursor{display:none}.hero-work{padding:var(--spacing-lg) var(--spacing-sm)}.filter-container{flex-direction:column;width:100%}.filter-btn{width:100%;justify-content:center}.projects-section{padding:var(--spacing-md) var(--spacing-sm)}.bento-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.card-image-wrapper{height:200px}.card-title{font-size:1.5rem}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.project-card{opacity:1;transform:translateY(0)}.project-card.visible{animation:fadeInUp .8s var(--transition-smooth) forwards}