:root{--color-background: #09090B;--color-surface: #09090B;--color-surface-hover: #0f0f12;--color-border: #3F3F46;--color-border-hover: #52525b;--color-text-primary: #FAFAFA;--color-text-secondary: #A1A1AA;--color-text-tertiary: #71717A;--color-text-on-primary: #09090B;--color-text-on-accent: #09090B;--color-accent: #00DD8D;--color-accent-hover: #34D399;--color-accent-hover-inverse: #00aa6b;--color-accent-bg: rgba(0, 221, 141, .1);--color-accent-border: rgba(0, 221, 141, .3);--color-highlight: #DFE104;--color-highlight-hover: #F5F528;--color-highlight-overlay: rgba(223, 225, 4, .1);--color-highlight-border: rgba(223, 225, 4, .3);--color-muted: #27272A;--color-muted-hover: #3F3F46;--color-muted-bg: rgba(39, 39, 42, .1);--color-success: #10B981;--color-success-bg: rgba(16, 185, 129, .1);--color-warning: #F59E0B;--color-warning-bg: rgba(245, 158, 11, .1);--color-error: #EF4444;--color-error-bg: rgba(239, 68, 68, .1);--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--text-tiny: clamp(.625rem, 1.2vw, .75rem);--text-small: clamp(.75rem, 1.5vw, .875rem);--text-base: clamp(1rem, 2.5vw, 1.125rem);--text-card-title: clamp(1.5rem, 4vw, 3rem);--text-section: clamp(2rem, 6vw, 4rem);--text-display: clamp(2.5rem, 8vw, 6rem);--text-hero: clamp(3rem, 12vw, 14rem);--text-massive-numbers: clamp(8rem, 25vw, 20rem);--text-large-numbers: clamp(5rem, 18vw, 14rem);--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-heavy: 800;--letter-spacing-tight: -.05em;--letter-spacing-tight-ish: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .05em;--letter-spacing-wider: .1em;--leading-snug: 1.1;--leading-tight: 1.25;--leading-normal: 1.6;--leading-loose: 1.8;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--section-padding: var(--space-16);--subsection-padding: var(--space-24);--dense-padding: var(--space-12);--gap-tight: var(--space-3);--gap-standard: var(--space-6);--gap-loose: var(--space-8);--border-width: 1px;--border-width-thick: 2px;--radius-none: 0px;--radius-sm: .25rem;--radius-base: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--border-radius-sharp: var(--radius-none);--transition-fast: .15s ease;--transition-standard: .25s ease;--transition-slow: .35s ease;--z-base: 0;--z-elevated: 10;--z-modal: 100;--z-dropdown: 200;--z-toast: 300;--z-top: 999;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;font-family:var(--font-display);font-size:var(--text-small);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.1em;line-height:var(--leading-snug);text-decoration:none;padding:1rem 2rem;border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-sharp);cursor:pointer;transition:all var(--transition-standard);position:relative;overflow:hidden;min-width:-moz-fit-content;min-width:fit-content}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:var(--border-width) solid var(--color-accent);outline-offset:2px}.btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-on-primary)}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover);transform:scale(1.05);box-shadow:0 0 20px #00dd8d4d}.btn-primary:active:not(:disabled){background:var(--color-background);border-color:var(--color-border);color:var(--color-accent);transform:scale(.95)}.btn-secondary{background:var(--color-highlight);border-color:var(--color-highlight);color:var(--color-text-on-accent)}.btn-secondary:hover:not(:disabled){background:var(--color-highlight-hover);border-color:var(--color-highlight-hover);transform:scale(1.05);box-shadow:0 0 20px #dfe1044d}.btn-secondary:active:not(:disabled){background:var(--color-background);border-color:var(--color-border);color:var(--color-highlight);transform:scale(.95)}.btn-ghost{background:transparent;border-color:var(--color-border);color:var(--color-text-primary)}.btn-ghost:hover:not(:disabled){background:var(--color-muted);border-color:var(--color-muted);color:var(--color-text-on-primary);transform:scale(1.05)}.btn-ghost:active:not(:disabled){background:var(--color-background);border-color:var(--color-accent);color:var(--color-accent);transform:scale(.95)}.btn-muted{background:var(--color-muted);border-color:var(--color-muted);color:var(--color-text-primary)}.btn-muted:hover:not(:disabled){background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-on-primary);transform:scale(1.05)}.btn-muted:active:not(:disabled){background:var(--color-background);border-color:var(--color-accent);color:var(--color-accent);transform:scale(.95)}.btn-social{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-none);background:var(--color-muted);color:var(--color-text-primary);transition:all var(--transition-standard);text-decoration:none}.btn-social:hover{border-color:var(--color-accent);background:var(--color-accent-bg);color:var(--color-accent);transform:scale(1.05)}.btn-social i{font-size:1.25rem}.card{background:var(--color-background);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-none);transition:all var(--transition-standard);position:relative;overflow:hidden}.card:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 0 20px #00dd8d33}.card-compact{padding:var(--space-4)}.card-content{padding:var(--space-6)}.card-content-lg{padding:var(--space-8)}.badge{display:inline-flex;align-items:center;padding:.5rem 1rem;font-family:var(--font-display);font-size:var(--text-small);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;border:var(--border-width) solid var(--color-border);background:var(--color-background);color:var(--color-text-secondary);transition:all var(--transition-standard)}.badge:hover{background:var(--color-muted);color:var(--color-text-primary);transform:translateY(-2px)}.badge-accent{background:var(--color-accent-bg);border-color:var(--color-accent);color:var(--color-accent)}.badge-accent:hover{background:var(--color-accent);color:var(--color-text-on-primary)}.badge-highlight{background:var(--color-highlight-overlay);border-color:var(--color-highlight);color:var(--color-highlight)}.badge-highlight:hover{background:var(--color-highlight);color:var(--color-text-on-accent)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-8)}.text-display{font-family:var(--font-display);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-tight);line-height:var(--leading-snug)}.text-body{font-family:var(--font-body);font-weight:var(--font-weight-medium);line-height:var(--leading-normal)}.text-small{font-family:var(--font-body);font-size:var(--text-small);font-weight:var(--font-weight-normal)}.kinetic-heading{font-family:var(--font-display)}.kinetic-body{font-family:var(--font-body)}@media (max-width: var(--breakpoint-md)){.btn{font-size:var(--text-tiny);padding:.75rem 1.5rem}.btn-social{width:40px;height:40px}.card-content{padding:var(--space-4)}.badge{padding:.375rem .75rem;font-size:var(--text-tiny)}}@media(prefers-reduced-motion:reduce){.btn,.card,.badge{transition:none!important}.btn:hover,.card:hover,.badge:hover{transform:none!important}}:root{--background: 0 0% 4%;--foreground: 0 0% 98%;--muted: 142 76% 36%;--muted-foreground: 142 76% 36%;--accent: 142 100% 50%;--accent-foreground: 0 0% 0%;--border: 142 76% 36%;--font-display: "Space Grotesk", "Inter", sans-serif;--font-body: "Inter", "Space Grotesk", sans-serif;--text-hero: clamp(3rem, 12vw, 14rem);--text-display: clamp(2.5rem, 8vw, 6rem);--text-section: clamp(2rem, 6vw, 4rem);--text-card-title: clamp(1.5rem, 4vw, 3rem);--text-body: clamp(1.125rem, 2.5vw, 1.5rem);--text-small: clamp(.75rem, 1.5vw, 1.125rem);--text-massive-numbers: clamp(6rem, 15vw, 12rem);--text-large-numbers: clamp(4rem, 10vw, 8rem);--section-padding: 8rem;--subsection-padding: 6rem;--dense-padding: 4rem;--card-padding: 2rem;--gap-standard: 2rem;--gap-tight: 1rem;--gap-hairline: 1px;--transition-fast: .15s ease-in-out;--transition-standard: .3s ease-in-out;--transition-slow: .5s ease-in-out;--transition-bounce: cubic-bezier(.68, -.55, .265, 1.55);--border-width: 2px;--border-radius-none: 0px;--border-radius-sharp: 2px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:hsl(var(--background));color:hsl(var(--foreground));font-family:var(--font-body);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.kinetic-heading{font-family:var(--font-display);font-weight:700;line-height:.8;letter-spacing:-.05em;text-transform:uppercase}.kinetic-body{font-family:var(--font-body);font-weight:500;line-height:1.25;letter-spacing:-.025em}.kinetic-small{font-family:var(--font-display);font-weight:400;line-height:1.1;letter-spacing:.1em;text-transform:uppercase}.kinetic-card{background:hsl(var(--background));border:var(--border-width) solid hsl(var(--border));border-radius:var(--border-radius-none);padding:var(--card-padding);transition:all var(--transition-standard)}.kinetic-card:hover{background:hsl(var(--accent));border-color:hsl(var(--accent));color:hsl(var(--accent-foreground));transform:scale(1.02)}.kinetic-card:hover .kinetic-button{background:var(--color-background, #09090B);border-color:var(--color-border, #3F3F46);color:var(--color-text-primary, #FAFAFA)}.kinetic-card:hover .kinetic-button:hover{background:var(--color-accent, #00DD8D);border-color:var(--color-accent, #00DD8D);color:var(--color-text-on-primary, #09090B)}.kinetic-card .card-title,.kinetic-card .card-text,.kinetic-card .card-subtitle{transition:color var(--transition-standard)}.kinetic-card:hover .card-title,.kinetic-card:hover .card-text,.kinetic-card:hover .card-subtitle{color:hsl(var(--accent-foreground))}.kinetic-button{background:transparent;border:var(--border-width) solid hsl(var(--border));border-radius:var(--border-radius-none);color:hsl(var(--foreground));font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:-.05em;padding:1rem 2rem;transition:all var(--transition-standard);cursor:pointer}.kinetic-button:hover{background:hsl(var(--accent));border-color:hsl(var(--accent));color:hsl(var(--accent-foreground));transform:scale(1.05)}.kinetic-button:active{transform:scale(.95)}.kinetic-button-primary{background:hsl(var(--accent));border-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}.kinetic-button-primary:hover{transform:scale(1.05);filter:brightness(1.1)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.noise-texture{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1;opacity:.03;mix-blend-mode:overlay}.massive-number{font-family:var(--font-display);font-size:var(--text-massive-numbers);font-weight:700;line-height:.8;color:hsl(var(--muted));position:absolute;z-index:-1;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.text-hero{font-size:var(--text-hero)}.text-display{font-size:var(--text-display)}.text-section{font-size:var(--text-section)}.text-card-title{font-size:var(--text-card-title)}.text-body{font-size:var(--text-body)}.text-small{font-size:var(--text-small)}.text-massive-numbers{font-size:var(--text-massive-numbers)}.text-large-numbers{font-size:var(--text-large-numbers)}.hero-kinetic{position:relative;overflow:hidden}.hero-kinetic:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 30% 50%,hsla(var(--accent),.08) 0%,transparent 50%),radial-gradient(ellipse at 70% 50%,hsla(var(--muted),.05) 0%,transparent 50%);animation:heroGlowDrift 20s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes heroGlowDrift{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(2%,1%) rotate(1deg)}50%{transform:translate(-1%,2%) rotate(-1deg)}75%{transform:translate(-2%,-1%) rotate(.5deg)}}.kinetic-card{position:relative}.kinetic-card:after{content:"";position:absolute;inset:0;box-shadow:0 0 hsla(var(--accent),0);transition:box-shadow var(--transition-standard);pointer-events:none;z-index:-1}.kinetic-card:hover:after{box-shadow:0 0 30px 5px hsla(var(--accent),.2),0 0 60px 10px hsla(var(--accent),.1)}.kinetic-button{position:relative;overflow:hidden}.kinetic-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:hsla(var(--accent),.3);border-radius:50%;transform:translate(-50%,-50%);transition:width var(--transition-fast),height var(--transition-fast)}.kinetic-button:hover:before{width:200%;height:200%}.kinetic-button:active:before{background:hsla(var(--accent),.5)}.skill-card-kinetic:hover .card-icon{transform:scale(1.1) rotate(5deg)}.card-icon{transition:transform var(--transition-standard)}.animate-on-scroll{opacity:0;transform:translateY(20px);transition:opacity var(--transition-slow),transform var(--transition-slow)}.animate-on-scroll.animated{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.hero-kinetic:before{animation:none}.kinetic-card:after{transition:none}.kinetic-button:before{transition:none}.card-icon{transition:none}.animate-on-scroll{opacity:1;transform:none;transition:none}}