:root{font-family:JetBrains Mono,monospace;line-height:1.6;font-weight:300;--black: #000000;--dark-gray: #0a0a0a;--medium-gray: #1a1a1a;--light-gray: #2a2a2a;--text-primary: #e0e0e0;--text-secondary: #999999;--accent: #00ff88;--accent-dim: #00aa55;--grid-color: rgba(255, 255, 255, .03);color-scheme:dark;color:var(--text-primary);background-color:var(--black);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(90deg,var(--grid-color) 1px,transparent 1px),linear-gradient(var(--grid-color) 1px,transparent 1px),var(--black);background-size:50px 50px;background-position:0 0,0 0;animation:gridPulse 20s ease-in-out infinite}@keyframes gridPulse{0%,to{background-size:50px 50px}50%{background-size:52px 52px}}#root{width:100%;min-height:100vh}a{font-weight:400;color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s ease,color .3s ease}a:hover{color:var(--text-primary);border-bottom-color:var(--accent)}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.02em;line-height:1.2}h1{font-size:clamp(2rem,5vw,4rem)}h2{font-size:clamp(1.5rem,3vw,2.5rem)}h3{font-size:clamp(1.2rem,2vw,1.8rem)}p{line-height:1.7;color:var(--text-secondary)}code{font-family:JetBrains Mono,monospace;background-color:var(--medium-gray);padding:.2em .4em;border-radius:3px;font-size:.9em}::selection{background-color:var(--accent);color:var(--black)}.glitch{position:relative;animation:glitch 5s infinite}@keyframes glitch{0%,90%,to{transform:translate(0);opacity:1}91%{transform:translate(-2px,2px);opacity:.8}92%{transform:translate(2px,-2px);opacity:1}93%{transform:translate(-1px,1px);opacity:.9}}html{scroll-behavior:smooth}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn 1s ease-out forwards}.app{min-height:100vh;display:flex;flex-direction:column}.header{padding:2rem;border-bottom:1px solid var(--light-gray);background:linear-gradient(180deg,var(--dark-gray) 0%,transparent 100%)}.logo{font-size:.9rem;letter-spacing:.3em;text-transform:uppercase;color:var(--accent);opacity:.7}.hero{padding:6rem 2rem;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:radial-gradient(circle,var(--accent-dim) 0%,transparent 70%);opacity:.05;animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.05}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.08}}.hero-photo{margin-bottom:3rem;position:relative;z-index:1}.hero-photo img{width:280px;height:280px;object-fit:cover;border-radius:4px;border:2px solid var(--light-gray);transition:all .3s ease;filter:grayscale(.3)}.hero-photo img:hover{border-color:var(--accent);filter:grayscale(0);transform:scale(1.02);box-shadow:0 0 30px #0f83}.hero-title{margin-bottom:1rem;position:relative;z-index:1}.hero-subtitle{font-size:clamp(1rem,2vw,1.5rem);color:var(--text-secondary);margin-bottom:.5rem;font-weight:400}.hero-years{font-size:1rem;color:var(--text-secondary);opacity:.6;margin-top:1rem}.main{flex:1;max-width:900px;margin:0 auto;padding:4rem 2rem;width:100%}.section{margin-bottom:4rem;opacity:0;animation:fadeIn 1s ease-out forwards}.section:nth-child(1){animation-delay:.2s}.section:nth-child(2){animation-delay:.4s}.section:nth-child(3){animation-delay:.6s}.section:nth-child(4){animation-delay:.8s}.section-title{margin-bottom:1.5rem;color:var(--text-primary);display:flex;align-items:center;gap:1rem}.section-title:before{content:">";color:var(--accent);font-weight:400}.section-content{padding-left:2rem}.section-content p{margin-bottom:1rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;padding-left:2rem}.card{background:var(--medium-gray);border:1px solid var(--light-gray);padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transition:transform .3s ease}.card:hover{border-color:var(--accent);transform:translateY(-4px)}.card:hover:before{transform:scaleX(1)}.card-title{font-size:1.1rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.card-meta{font-size:.9rem;color:var(--text-secondary);opacity:.7}.links{display:flex;flex-wrap:wrap;gap:1rem;padding-left:2rem}.link-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--medium-gray);border:1px solid var(--light-gray);color:var(--text-primary);text-decoration:none;transition:all .3s ease;font-family:JetBrains Mono,monospace;font-size:.9rem}.link-button:hover{border-color:var(--accent);background:var(--light-gray);transform:translate(4px)}.quote{background:var(--dark-gray);border-left:3px solid var(--accent);padding:2rem;margin:2rem 0;font-style:italic;position:relative}.quote:before{content:'"';position:absolute;top:1rem;left:1rem;font-size:4rem;color:var(--accent);opacity:.2;line-height:1}.quote p{position:relative;z-index:1;margin:0}.footer{padding:3rem 2rem;text-align:center;border-top:1px solid var(--light-gray);background:linear-gradient(0deg,var(--dark-gray) 0%,transparent 100%)}.footer p{font-size:.9rem;opacity:.5}.sequencer{display:grid;grid-template-columns:repeat(16,1fr);gap:4px;margin:2rem 0;padding-left:2rem}.sequencer-step{aspect-ratio:1;background:var(--medium-gray);border:1px solid var(--light-gray);transition:all .3s ease;animation:sequencerPulse 4s ease-in-out infinite}.sequencer-step:nth-child(4n){animation-delay:0s}.sequencer-step:nth-child(4n+1){animation-delay:.5s}.sequencer-step:nth-child(4n+2){animation-delay:1s}.sequencer-step:nth-child(4n+3){animation-delay:1.5s}@keyframes sequencerPulse{0%,90%,to{background:var(--medium-gray);border-color:var(--light-gray)}5%,15%{background:var(--accent);border-color:var(--accent);box-shadow:0 0 10px var(--accent)}}@media(max-width:768px){.hero{padding:4rem 1rem}.hero-photo img{width:220px;height:220px}.main{padding:2rem 1rem}.section-content{padding-left:1rem}.grid{grid-template-columns:1fr;padding-left:1rem}.links{padding-left:1rem}.sequencer{grid-template-columns:repeat(8,1fr);padding-left:1rem}}