@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-main:#0a0a0c;--text-primary:#f4f4f5;--text-secondary:#8e9196;--accent:#d4d4d8;--border-color:#202024;--font-sans:"Plus Jakarta Sans", -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-main);color:var(--text-primary)}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.6}h1,h2,h3{letter-spacing:-.01em;color:var(--text-primary);font-weight:500}.navbar{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:2rem 10%;display:flex}.logo{font-family:var(--font-mono);color:var(--text-primary);font-size:.95rem;text-decoration:none}.nav-links{gap:2.5rem;list-style:none;display:flex}.nav-links a{color:var(--text-secondary);font-size:.9rem;text-decoration:none;transition:color .15s}.nav-links a:hover,.nav-links a.btn-primary{color:var(--text-primary)}.btn-primary,.btn-secondary{font-size:.9rem;text-decoration:none;transition:opacity .15s}.btn-primary{color:var(--text-primary);font-weight:500}.btn-secondary{color:var(--text-secondary)}.btn-primary:hover,.btn-secondary:hover{opacity:.8}section{border-bottom:1px solid var(--border-color);padding:8rem 10% 6rem}.hero-section{align-items:center;min-height:60vh;display:flex}.hero-content{max-width:750px}.subtitle{font-family:var(--font-mono);color:var(--text-secondary);margin-bottom:1rem;font-size:.8rem;display:block}.hero-content h1{margin-bottom:1.5rem;font-size:clamp(2rem,4.5vw,3rem);line-height:1.2}.hero-content p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem}.hero-actions{gap:2rem;display:flex}.about-section h2,.projects-section h2{font-family:var(--font-mono);text-transform:uppercase;color:var(--text-secondary);margin-bottom:3rem;font-size:.85rem}.about-grid{grid-template-columns:1.2fr .8fr;gap:4rem;display:grid}.about-text p{color:var(--text-secondary);margin-bottom:1rem}.about-text strong{color:var(--text-primary)}.skills-container h3{margin-bottom:1.5rem;font-size:1rem}.skills-tags{flex-wrap:wrap;gap:.5rem;display:flex}.skills-tags span{font-family:var(--font-mono);color:var(--text-secondary);border:1px solid var(--border-color);background-color:#121214;padding:.35rem .75rem;font-size:.8rem}.projects-section h2{font-family:var(--font-mono);text-transform:uppercase;color:var(--text-secondary);margin-bottom:3rem;font-size:.85rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:4rem;max-width:1100px;margin:0 auto;display:grid}.projects-grid:has(>:only-child){grid-template-columns:1fr;max-width:650px}.project-card{border-bottom:1px solid var(--border-color);border-radius:0;flex-direction:column;justify-content:space-between;padding-bottom:2rem;display:flex;background:0 0!important}.project-category{font-family:var(--font-mono);color:var(--text-secondary);margin-bottom:.75rem;font-size:.8rem;display:block}.project-info h3{margin-bottom:.75rem;font-size:1.35rem;font-weight:500}.project-info p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.project-tags{flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;display:flex}.project-tags span{font-family:var(--font-mono);color:var(--text-primary);border:1px solid var(--border-color);background-color:#121214;padding:.2rem .5rem;font-size:.75rem}.project-links{gap:1.5rem;margin-top:auto;display:flex}.project-links a{color:var(--text-secondary);font-size:.85rem;font-family:var(--font-mono);align-items:center;gap:.25rem;text-decoration:none;transition:color .15s;display:inline-flex}.project-links a:hover{color:var(--text-primary)}@media (width<=768px){.projects-grid{grid-template-columns:1fr;gap:3rem}}.contact-links{flex-wrap:wrap;gap:2.5rem;margin-top:2.5rem;display:flex}.contact-link-item{font-family:var(--font-mono);color:var(--text-primary);border-bottom:1px solid #0000;align-items:center;gap:.5rem;padding-bottom:.25rem;font-size:.9rem;text-decoration:none;transition:color .15s,border-color .15s;display:inline-flex}.contact-link-item:hover{color:var(--text-secondary);border-color:var(--border-color)}.contact-card{text-align:left;max-width:650px}footer{color:var(--text-secondary);font-family:var(--font-mono);border-top:none;justify-content:flex-start;padding:3rem 10%;font-size:.8rem;display:flex}.menu-toggle{display:none}@media (width<=768px){.navbar,section,footer{padding-left:5%;padding-right:5%}.about-grid{grid-template-columns:1fr;gap:3rem}.project-card{grid-template-columns:1fr;gap:1rem}}