@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=JetBrains+Mono:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-family-sans);font-size:var(--font-size-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;line-height:1.6}#root{flex-direction:column;max-width:1000px;min-height:100svh;margin:0 auto;display:flex}.glass{background:var(--color-surface-glass);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--color-bg:#000;--color-surface:#0a0a0a;--color-surface-glass:#16181fb3;--color-text:#fff;--color-text-muted:silver;--color-accent:gold;--color-accent-featured:#0ff;--color-border-gold:gold;--color-neon-blue:#0ff;--color-accent-neon:#0ff;--color-accent-glow:#ffd7004d;--grad-main:linear-gradient(135deg, gold 0%, #0ff 100%);--grad-surface:linear-gradient(180deg, #fffacd08 0%, #fff0 100%);--glass-border:#ffffff14;--glass-blur:blur(12px);--glass-shadow:0 8px 32px 0 #000c;--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--padding-md:1.5rem;--space-5:2rem;--space-6:3rem;--font-family-sans:"Inter", system-ui, -apple-system, sans-serif;--font-family-mono:"JetBrains Mono", ui-monospace, monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:2.5rem;--radius-sm:6px;--radius-md:12px;--radius-lg:24px}.main-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-surface);justify-content:space-between;align-items:center;display:flex}.main-header .logo{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-accent);text-decoration:none}.main-header nav a{color:var(--color-text-muted);font-size:var(--font-size-sm);text-decoration:none;transition:color .2s}.main-header nav a:hover{color:var(--color-text)}.main-footer{padding:var(--space-5) var(--space-4);border-top:1px solid var(--color-surface);color:var(--color-text-muted);font-size:var(--font-size-xs);font-family:var(--font-family-mono);text-align:center}.hero{padding:var(--space-6) var(--space-4);gap:var(--space-2);text-align:center;flex-direction:column;align-items:center;display:flex}.hero-name{font-size:var(--font-size-xl);background:var(--grad-main);-webkit-text-fill-color:transparent;letter-spacing:-.04em;margin-bottom:var(--space-1);-webkit-background-clip:text;font-weight:700;line-height:1.1}.hero-handle{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-accent);background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:20px;margin:0;padding:4px 12px}.hero-stats{justify-content:center;gap:var(--space-5);margin-top:var(--space-5);flex-wrap:wrap;width:100%;display:flex}.hero-stat{flex-direction:column;align-items:center;display:flex}.hero-stat dt{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--space-1)}.hero-stat dd{font-family:var(--font-family-mono);font-size:var(--font-size-md);color:var(--color-text);margin:0;font-weight:600}.featured{padding:var(--space-6) var(--space-4)}.featured-heading{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.2em;color:var(--color-accent);margin-bottom:var(--space-4);text-align:center;opacity:.8}.featured-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;display:grid}.featured-card{padding:var(--space-5);border:1px solid var(--color-border-gold);border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-surface) 0%, #00ffff0d 100%);transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s,border-color .4s;animation:.6s ease-out forwards slideUp}.featured-card:hover{animation:2s ease-in-out infinite gold-pulse;transform:translateY(-8px)scale(1.02);box-shadow:0 0 20px #0ff3}.featured-card-name{font-size:var(--font-size-lg);color:var(--color-text);letter-spacing:-.01em;font-weight:700}.featured-card-name a{color:var(--color-text);text-decoration:none;transition:opacity .2s}.featured-card-name a:hover{opacity:.8}.featured-card-concept{margin-top:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.6}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes gold-pulse{0%{border-color:var(--color-border-gold);box-shadow:0 0 #0000}50%{border-color:var(--color-accent);box-shadow:0 0 15px var(--color-accent)}to{border-color:var(--color-border-gold);box-shadow:0 0 #0000}}.bio{padding:var(--space-5) var(--space-4);border-top:1px solid var(--color-surface)}.bio-heading{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-3)}.bio-text{font-size:var(--font-size-lg);color:var(--color-text);max-width:640px;line-height:1.5}.bio-mission{margin-top:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic}.project-list{padding:var(--space-5) var(--space-4);border-top:1px solid var(--color-surface)}.project-list-heading{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-3)}.project-list-empty{color:var(--color-text-muted);font-size:var(--font-size-sm);font-style:italic}.project-list-items{gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.project-item{border-left:2px solid var(--color-border-gold);padding-left:var(--space-3);transition:border-color .2s,box-shadow .2s}.project-item:hover{border-left-color:var(--color-neon-blue);box-shadow:0 0 8px var(--color-neon-blue)}.project-item-header{align-items:baseline;gap:var(--space-3);display:flex}.project-item-name{font-size:var(--font-size-md);color:var(--color-text);font-weight:500;text-decoration:none}a.project-item-name:hover{color:var(--color-neon-blue)}.project-item-date{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-muted)}.project-item-concept{margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.4}