.container{max-width:800px;margin:0 auto;padding:4rem 2rem;min-height:100vh;display:grid;grid-template-rows:auto 1fr;gap:3rem}header{margin-bottom:2rem;border-bottom:1px solid var(--border);padding-bottom:1.5rem}header h1{font-size:1.25rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--text)}main{flex:1;display:grid;grid-template-rows:auto auto auto;gap:3rem}.intro p{font-size:1.125rem;color:var(--text);max-width:600px;line-height:1.6;font-weight:300}.projects h2{font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.15em;color:var(--muted);margin-bottom:1.5rem;border-bottom:1px solid var(--border);padding-bottom:.5rem}.project-list{display:grid;grid-template-columns:1fr;gap:1rem}.project{display:block;text-decoration:none;padding:1.25rem;border:1px solid var(--border);background:var(--bg);transition:all .15s ease}.project:hover{text-decoration:none;background:var(--hover-bg);border-color:var(--accent)}.project h3{font-size:1rem;font-weight:500;margin-bottom:.5rem;text-decoration:none;color:var(--text)}.project:hover h3{color:var(--accent)}.project p{color:var(--muted);font-size:.875rem;line-height:1.5}.links{padding-top:1rem}.links a{display:inline-block;color:var(--muted);text-decoration:none;font-size:.875rem;font-weight:400;letter-spacing:.02em;transition:color .15s ease}.links a:hover{color:var(--accent)}footer{margin-top:auto;padding-top:4rem;color:var(--muted);font-size:.8rem}*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #000000;--text: #d4d4d4;--muted: #64748b;--accent: #3b82f6;--border: #2d2d2d;--hover-bg: #1a1a1a}body{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;letter-spacing:.01em}a{color:var(--text);text-decoration:underline;text-underline-offset:3px}a:hover{color:var(--accent);transition:color .15s ease}::selection{background:#333}