@import"https://fonts.googleapis.com/css2?family=Spectral:wght@600;700&family=Orbitron:wght@700&family=Roboto+Slab:wght@600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#0a0a0a;color:#e5e5e5;line-height:1.6}.container{max-width:900px;margin:0 auto;padding:4rem 2rem}.font-spectral{font-family:Spectral,serif}.font-orbitron{font-family:Orbitron,sans-serif;letter-spacing:.05em}.font-system{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.font-bodoni{font-family:Libre Bodoni,serif}.font-roboto-slab{font-family:Roboto Slab,serif}.hero{text-align:center;margin-bottom:3rem}.hero h1{font-size:3rem;font-weight:700;color:#fff;margin-bottom:.5rem}.tagline{font-size:1.25rem;color:#888;margin-bottom:1.5rem}.links{display:flex;gap:1.5rem;justify-content:center}.links a{color:#888;text-decoration:none;font-size:.95rem;transition:color .2s}.links a:hover{color:#fff}section{margin-bottom:4rem}h2{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:1.5rem}.project-grid{display:grid;gap:1.25rem}.project-card{display:block;background:#141414;border:1px solid #222;border-radius:8px;padding:1.5rem;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s}.project-card:hover{border-color:var(--brand-color, #444);transform:translateY(-3px);box-shadow:0 8px 24px #0006,0 0 0 1px var(--brand-color, #444)}.project-card h3{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.project-card p{color:#888;font-size:.95rem;margin-bottom:1rem}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background:#ffffff0d;color:#888;font-size:.7rem;padding:.25rem .6rem;border-radius:3px;border:1px solid rgba(255,255,255,.08)}.about p{color:#999;max-width:600px}.contact a{color:#888;text-decoration:none;transition:color .2s}.contact a:hover{color:#fff}footer{text-align:center;padding-top:2rem;border-top:1px solid #1a1a1a}footer p{color:#444;font-size:.85rem}@media(max-width:600px){.container{padding:2rem 1.25rem}.hero h1{font-size:2rem}.tagline{font-size:1rem}.links{flex-direction:column;gap:.75rem}h2{font-size:1.25rem}.project-card{padding:1.25rem}.project-card h3{font-size:1.1rem}}