@import "https://fonts.googleapis.com/css2?family=Outfit&family=PT+Mono&display=swap";:root{--bg:#f8fafc;--surface:#fff;--accent:#6366f1;--text:#111827;--border:#e5e7eb}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg);color:var(--text);margin:0;font-family:Outfit,sans-serif}#root{max-width:1000px;margin:0 auto}h2{text-align:center;font-size:2rem}section{padding:4rem 0}#hero{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:80vh;display:flex}#hero h1{text-align:center;font-size:4rem}.hero-description{flex-direction:column;align-items:center;gap:1rem;margin-top:1rem;display:flex}.resume-button{border:2px solid var(--accent);color:var(--text);border-radius:2rem;justify-content:center;margin-top:2rem;padding:1rem;font-size:1rem;transition:transform .2s;display:flex}.resume-button:hover{transform:translateY(-2px)}nav{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem;display:flex}nav ul{gap:1.25rem;padding:0;font-size:.95rem;list-style:none;display:flex}nav h2{text-align:left;margin:0;font-size:1.5rem}nav li:hover{cursor:pointer;transform:translateY(-2px)}nav li{padding:.5rem;font-size:1rem;transition:transform .2s}a[href]{color:var(--text);text-decoration:none}h1,h2,h3,p{margin:0}.project-list{grid-template-columns:1fr 1fr;gap:2rem;padding:2rem;display:grid}.project-card{text-align:center;background-color:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.5rem;padding:2rem;transition:transform .2s;display:flex}.project-links{justify-content:center;gap:1rem;margin-top:1rem;margin-bottom:1rem;display:flex}.project-links a{border:1px solid var(--border);border-radius:12px;padding:.5rem;transition:box-shadow .2s}.project-links a:hover{box-shadow:0 0 8px var(--accent)}.project-card:hover{transform:translateY(-4px)}.tech-stack{justify-content:center;gap:1rem;display:flex}.tech-stack span{background-color:var(--surface);border:1px solid var(--accent);border-radius:2rem;padding:.5rem}#skills h2{font-size:2rem}#skills ul{flex-wrap:wrap;justify-content:center;gap:1rem;padding:0;display:flex}#skills ul li{background-color:var(--surface);border:1px solid var(--accent);border-radius:2rem;padding:.5rem;list-style-type:none;transition:transform .2s}#skills ul li:hover{box-shadow:0 0 8px var(--accent);transform:scale(1.1)}#about{flex-direction:column;gap:1rem;padding:1rem;display:flex}#about h2{text-align:center}#about p{font-size:1.2rem}#contact{text-align:center;flex-direction:column;gap:.5rem;display:flex}#contact h2{padding:1rem}@media (width<=768px){.about p{padding:0 3rem}.project-list{grid-template-columns:1fr;gap:2rem;padding:1.5rem 2rem}nav h2{font-size:1.2rem}nav ul{gap:.75rem;font-size:.8rem}#hero h1{padding:0 .75rem;font-size:3.5rem}#hero{min-height:70vh}}.contact-links{justify-content:center;gap:4rem;display:flex}.contact-links a{color:var(--accent);border:2px solid var(--border);border-radius:50%;justify-content:center;align-items:center;padding:.5rem;font-size:2rem;transition:transform .2s;display:flex}.contact-links a:hover{box-shadow:0 0 8px var(--accent);transform:scale(1.1)}footer{text-align:center;border-top:1px solid var(--border);padding:2rem;font-size:.9rem}html{scroll-behavior:smooth}