@import"https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;700&display=swap";:root{--bg-color: #080808;--text-main: #f0f0f0;--text-dim: #666;--accent: #fff;--border: #333;--font-main: "Oswald", sans-serif}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-main);-webkit-font-smoothing:antialiased;overflow-x:hidden;cursor:default}#root{max-width:100%;padding:0}.container{max-width:1400px;margin:0 auto;padding:0 2rem}h1,h2,h3,a,p{margin:0;line-height:1;text-transform:uppercase;letter-spacing:-.02em}a{text-decoration:none;color:inherit;cursor:pointer}nav{display:flex;justify-content:space-between;align-items:center;padding:2rem 0;border-bottom:1px solid var(--border)}.logo{font-size:1.5rem;font-weight:700;letter-spacing:.1em}.hero{height:80vh;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid var(--border)}.hero-title{font-size:clamp(4rem,15vw,15rem);font-weight:700;line-height:.85;margin-left:-.05em;color:var(--text-main)}.hero-subtitle{font-size:1.5rem;color:var(--text-dim);margin-top:2rem;max-width:600px;text-transform:none;font-family:monospace;letter-spacing:0}.projects-section{padding:4rem 0}.section-label{font-size:1rem;color:var(--text-dim);margin-bottom:2rem;display:block}.project-list{display:flex;flex-direction:column}.project-item{display:grid;grid-template-columns:1fr auto;padding:2rem 0;border-top:1px solid var(--border);transition:all .3s ease;position:relative}.project-item:last-child{border-bottom:1px solid var(--border)}a.project-item:hover{background-color:#0c0c0c;padding-left:2rem;border-color:var(--accent);box-shadow:0 0 15px #ffffff1a}.project-info{display:flex;flex-direction:column;gap:.5rem}.project-name{font-size:4rem;font-weight:500;color:var(--text-dim);transition:all .1s steps(2);position:relative;display:inline-block}a.project-item:hover .project-name{color:var(--accent)}a.project-item:hover .project-name:before{content:"> ";color:var(--accent);position:absolute;left:-.8em;opacity:1}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}a.project-item:hover .project-name:after{content:"_";display:inline-block;margin-left:5px;animation:blink 1s step-end infinite;color:var(--accent)}.project-desc{font-family:monospace;color:var(--text-dim);font-size:1rem;max-width:500px;margin-top:.5rem;text-transform:none}.project-meta{text-align:right;display:flex;flex-direction:column;justify-content:space-between}.project-status{font-family:monospace;font-size:.9rem;padding:.2rem .5rem;border:1px solid var(--border);display:inline-block}.project-tags{font-size:.9rem;color:var(--text-dim)}.detail-header{padding:2rem 0;border-bottom:1px solid var(--border)}.back-link{font-family:monospace;font-size:1rem;color:var(--text-dim);transition:color .3s}.back-link:hover{color:var(--accent)}.project-detail{padding:4rem 0}.detail-hero{margin-bottom:4rem}.detail-meta{display:flex;gap:1rem;margin-bottom:2rem}.detail-lang{font-family:monospace;font-size:.9rem;color:var(--text-dim)}.detail-title{font-size:clamp(3rem,10vw,8rem);font-weight:700;line-height:.9;margin-bottom:2rem}.detail-tagline{font-family:monospace;font-size:1.2rem;color:var(--text-dim);max-width:600px;text-transform:none;line-height:1.5}.live-site-link{display:inline-block;margin-top:1.5rem;font-family:monospace;font-size:1rem;padding:.5rem 1rem;border:1px solid var(--accent);color:var(--accent);transition:all .3s ease}.live-site-link:hover{background-color:var(--accent);color:var(--bg-color)}.detail-content{max-width:800px}.detail-content h2{font-size:1.5rem;margin-top:3rem;margin-bottom:1rem;color:var(--accent)}.detail-content p{font-family:monospace;font-size:1rem;color:var(--text-dim);text-transform:none;line-height:1.8}.feature-list{list-style:none;padding:0}.feature-list li{font-family:monospace;font-size:1rem;color:var(--text-dim);padding:.5rem 0;border-bottom:1px solid var(--border);text-transform:none}.feature-list li:before{content:"→ ";color:var(--accent)}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{font-family:monospace;font-size:.9rem;padding:.3rem .8rem;border:1px solid var(--border);color:var(--text-dim)}.detail-gallery{margin-top:3rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-top:1rem}.gallery-grid img{width:100%;height:auto;border:1px solid var(--border);filter:grayscale(50%);transition:filter .3s}.gallery-grid img:hover{filter:grayscale(0%)}.detail-tags{display:flex;gap:1rem;margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border)}.tag{font-family:monospace;font-size:.9rem;color:var(--text-dim)}footer{padding:4rem 0;text-align:center;font-family:monospace;color:var(--text-dim)}@media(max-width:768px){.hero-title{font-size:4rem}.project-name{font-size:2rem}.project-item{grid-template-columns:1fr;gap:1rem}.project-meta{text-align:left;flex-direction:row;align-items:center;gap:1rem}}