@import"https://fonts.googleapis.com/css2?family=IM+Fell+French+Canon+SC&display=swap";:root{--bg: #0a0a0a;--bg-card: #141414;--text: #e5e5e5;--text-muted: #737373;--accent: #3b82f6;--border: #262626;--font-mono: "SF Mono", "Fira Code", "Monaco", monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}a{color:var(--accent);text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}.container{max-width:900px;margin:0 auto;padding:0 1.5rem}.hero{padding:6rem 0 4rem;text-align:center}.hero h1{font-size:2.5rem;font-weight:600;margin-bottom:.5rem}.hero .tagline{color:var(--text-muted);font-size:1.1rem;max-width:500px;margin:0 auto}.portfolio-cta{text-align:center;padding:0}.portfolio-btn{color:var(--accent);font-size:1.5rem;letter-spacing:1em;text-transform:uppercase;font-family:IM Fell French Canon SC,serif;transition:opacity .2s}.portfolio-btn:hover{opacity:.8}.contact-cta{text-align:center;padding:2rem 0}.contact-btn{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:.75rem 2rem;font-size:1rem;cursor:pointer;transition:background .2s}.contact-btn:hover{background:#2563eb}section{padding:3rem 0}section h2{font-size:1.25rem;font-weight:500;margin-bottom:1.5rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-mono)}.about p{color:var(--text);font-size:1rem;line-height:1.8}.services{margin-top:1.5rem;padding-left:1.25rem}.services li{color:var(--text-muted);margin-bottom:.5rem;font-size:.95rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1.25rem;transition:border-color .2s}.project-card:hover{border-color:var(--accent)}.project-card h3{font-size:1rem;font-weight:600;margin-bottom:.5rem}.project-card p{color:var(--text-muted);font-size:.875rem;margin-bottom:.75rem;line-height:1.5}.project-card .tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.project-card .tech span{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);background:var(--bg);padding:.2rem .5rem;border-radius:4px}.project-card .links{display:flex;gap:1rem;font-size:.875rem}.tech-list{display:flex;flex-wrap:wrap;gap:.75rem}.tech-list span{font-family:var(--font-mono);font-size:.875rem;color:var(--text);background:var(--bg-card);border:1px solid var(--border);padding:.5rem 1rem;border-radius:6px}.social-links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:2rem 0 4rem}.social-links a{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.875rem;color:var(--text);background:var(--bg-card);border:1px solid var(--border);padding:.75rem 1.25rem;border-radius:6px;transition:border-color .2s,background .2s}.social-links a:hover{border-color:var(--accent);background:#3b82f60d;opacity:1}footer{text-align:center;padding:2rem 0;color:var(--text-muted);font-size:.8rem;border-top:1px solid var(--border)}@media(max-width:640px){.hero{padding:4rem 0 3rem}.hero h1{font-size:2rem}section{padding:2rem 0}.projects-grid{grid-template-columns:1fr}}