@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--copper-50: #fdf2ed;--copper-100: #fad9cc;--copper-200: #f5bfab;--copper-300: #e6997a;--copper-400: #d97757;--copper-500: #c96442;--copper-600: #b14f2e;--copper-700: #933d1f;--copper-800: #7a2f14;--copper-900: #5c1f0a;--cyan-400: #4fc3f7;--cyan-500: #29b6f6;--cyan-600: #039be5;--surface-50: #faf9f5;--surface-100: #f0efe8;--surface-200: #e0ded4;--surface-300: #b0aea5;--surface-400: #807e75;--surface-500: #5c5a52;--surface-600: #3d3b35;--surface-700: #2a2824;--surface-800: #1a1920;--surface-900: #111118;--surface-950: #0a0a0f;--accent-gradient: linear-gradient(135deg, #c96442, #d97757, #e6997a);--cyber-gradient: linear-gradient(135deg, #c96442, #4fc3f7);--font-sans: "Space Grotesk", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 4rem;--space-2xl: 8rem;--space-3xl: 12rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .3s;--duration-med: .6s;--duration-slow: 1.2s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto}body{font-family:var(--font-sans);background:var(--surface-950);color:var(--surface-50);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}::selection{background:#c964424d;color:var(--surface-50)}.text-gradient{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-cyber{background:var(--cyber-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-mono{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase}.section{position:relative;min-height:100vh;padding:var(--space-2xl) var(--space-lg);display:flex;flex-direction:column;justify-content:center;align-items:center}.section-inner{width:100%;max-width:1200px;margin:0 auto;position:relative;z-index:2}.section-label{font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.3em;color:var(--copper-400);margin-bottom:var(--space-md);text-transform:uppercase}.section-title{font-size:clamp(2.5rem,6vw,5rem);font-weight:700;line-height:1.05;margin-bottom:var(--space-lg);letter-spacing:-.02em}.section-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--surface-300);line-height:1.6;max-width:600px}.glass{background:#11111899;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(201,100,66,.15);border-radius:var(--radius-lg)}.animated-border{position:relative;overflow:hidden}.animated-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,transparent 0%,var(--copper-400) 50%,transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:border-shimmer 3s linear infinite;opacity:.5}@keyframes border-shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.noise:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.015;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}.scroll-indicator{position:absolute;bottom:var(--space-xl);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);color:var(--surface-400);font-family:var(--font-mono);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;animation:scroll-bounce 2s ease-in-out infinite}@keyframes scroll-bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}.glitch-text{position:relative;animation:glitch-skew .3s ease-in-out 2}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}.glitch-text:before{color:#4fc3f7;z-index:-1;animation:glitch-effect .3s ease-in-out 2;clip-path:polygon(0 0,100% 0,100% 45%,0 45%)}.glitch-text:after{color:#c96442;z-index:-1;animation:glitch-effect .3s ease-in-out 2 reverse;clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%)}@keyframes glitch-effect{0%{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-1px,2px)}80%{transform:translate(1px,-2px)}to{transform:translate(0)}}@keyframes glitch-skew{0%{transform:skew(0)}20%{transform:skew(1deg)}40%{transform:skew(-.5deg)}60%{transform:skew(.5deg)}80%{transform:skew(-1deg)}to{transform:skew(0)}}.project-card{position:relative;transition:transform .4s var(--ease-out-expo),box-shadow .4s var(--ease-out-expo)}.project-card:hover{box-shadow:0 20px 60px #0006,0 0 40px #c964420f}.nav-link:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:linear-gradient(90deg,#c96442,#d97757);border-radius:1px;transition:width .3s var(--ease-out-expo),left .3s var(--ease-out-expo)}.nav-link:hover:after{width:100%;left:0}@media (scripting: enabled){html{scroll-behavior:smooth}}.desktop-nav{display:flex!important}.mobile-header{display:none!important}@media (max-width: 768px){.section{padding:var(--space-xl) var(--space-md)}.section-title{font-size:clamp(1.8rem,8vw,2.5rem)}.section-subtitle{font-size:.95rem}.desktop-nav{display:none!important}.mobile-header{display:flex!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.noise:after{display:none}.scroll-indicator{display:none}.glitch-text:before,.glitch-text:after{display:none}}