*{box-sizing:border-box}:root{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Cascadia Code,Source Code Pro,Consolas,Liberation Mono,monospace;line-height:1.5;font-weight:400;color-scheme:dark;color:#0f0;background-color:#0a0a0a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh;background:#0a0a0a;color:#0f0;overflow-x:hidden}#root{min-height:100vh}a{font-weight:400;color:#0f0;text-decoration:none}a:hover{color:#0f0;text-shadow:0 0 8px rgba(0,255,0,.8)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:#0f0}::selection{background:#00ff004d;color:#0f0}::-moz-selection{background:#00ff004d;color:#0f0}::-webkit-scrollbar{width:10px;background:#0a0a0a}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#0f03;border:1px solid #00ff0066}::-webkit-scrollbar-thumb:hover{background:#0f06}@media(prefers-color-scheme:light){:root{color-scheme:dark;color:#0f0;background-color:#0a0a0a}body{background:#0a0a0a;color:#0f0}}.container{min-height:100vh;background:#0a0a0a;color:#0f0;position:relative;overflow:hidden}.content{position:relative;z-index:10;max-width:900px;margin:0 auto;padding:4rem 2rem;text-align:left}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5;background:repeating-linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,.55) 2px,transparent 1px,transparent 2px);animation:scanline 8s linear infinite}@keyframes scanline{0%{transform:translateY(0)}to{transform:translateY(100%)}}.vignette{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:6;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.7) 100%)}.header{margin-bottom:0rem;padding:2rem 0}.name{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:3em;margin:0 0 1rem;color:#0f0;text-shadow:0 0 10px rgba(0,255,0,.5);letter-spacing:.05em;font-weight:700}.cursor{animation:blink 1s step-end infinite;color:#0f0}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.tagline{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:1.2em;color:#0c0;margin:0;letter-spacing:.02em}.main-nav{border-bottom:1px solid #00ff0033;border-top:1px solid #00ff0033;display:flex;gap:2rem;margin-bottom:0rem;flex-wrap:wrap}.nav-link{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:1.1em;color:#0f0;text-decoration:none;padding:.25rem 0;transition:all .2s ease;position:relative;display:inline-block}.nav-link:hover,.nav-link:hover .link-bracket{color:#0f0;text-shadow:0 0 8px rgba(0,255,0,.8)}.link-bracket{color:#0a0;transition:all .2s ease}.link-text{margin:0 .3rem}.projects-section{margin-top:3rem}.section-title{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:1.8em;margin-bottom:2rem;color:#0f0;letter-spacing:.05em}.terminal-prompt{color:#0a0;margin-right:.5rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem}.project-card{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;padding:1.5rem;background:#00ff0005;border:1px solid #00ff0033;text-decoration:none;display:block;transition:all .3s ease;opacity:0;transform:translate(-10px)}.project-card.visible{opacity:1;transform:translate(0)}.project-card:hover{background:#00ff000d;border-color:#0f06;box-shadow:0 0 20px #00ff001a;transform:translate(5px)}.project-bracket{color:#0a0;transition:all .2s ease}.project-card:hover .project-bracket{color:#0f0;text-shadow:0 0 8px rgba(0,255,0,.6)}.project-name{font-size:1.2em;color:#0f0;margin:0;display:inline}.footer{margin-top:6rem;padding-top:2rem;border-top:1px solid #00ff0033}.timestamp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:.85em;color:#0a0;opacity:.6}@media(max-width:768px){.content{padding:2rem 1rem}.name{font-size:2em}.tagline{font-size:1em}.main-nav{gap:1rem}.projects-grid{grid-template-columns:1fr}.section-title{font-size:1.5em}}.breadcrumb{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #00ff0033;display:flex;align-items:center;gap:.5rem}.breadcrumb-separator{color:#0a0;opacity:.5}.breadcrumb-current{color:#0a0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace}.project-header{margin-bottom:3rem}.project-title{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:2.5em;margin:0 0 1rem;color:#0f0;letter-spacing:.05em}.project-subtitle{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:1.3em;color:#0c0;margin:0}.project-content{margin-bottom:4rem}.project-description{margin-bottom:3rem;line-height:1.8}.project-description p{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;color:#0c0;margin:0 0 1rem}.tech-tags{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0 3rem}.tech-tag{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;color:#0f0;padding:.5rem 0;transition:all .2s ease}.tech-tag:hover{text-shadow:0 0 8px rgba(0,255,0,.6)}.project-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:2rem 0 3rem}.project-image{width:100%;height:auto;border:1px solid #00ff0033;transition:all .3s ease}.project-image:hover{border-color:#0f06;box-shadow:0 0 20px #0f03}.image-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}.project-image-small{width:100%;height:auto;border:1px solid #00ff0033;transition:all .3s ease}.project-image-small:hover{border-color:#0f06;box-shadow:0 0 20px #0f03}@media(max-width:768px){.image-grid-3{grid-template-columns:1fr}}.quote-block{margin:2rem 0;padding:1.5rem;border-left:3px solid #00ff00;background:#00ff0008;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;color:#0c0;font-style:italic}.quote-block p{margin:0}.quote-source{margin-top:1rem;font-size:.9em;color:#0a0;font-style:normal}.project-content a{color:#0f0;text-decoration:underline;transition:all .2s ease}.project-content a:hover{color:#0f0;text-shadow:0 0 8px rgba(0,255,0,.8)}@media(prefers-color-scheme:light){.container{background:#0a0a0a}}