*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--accent:#646cff;--bg:#0f0f11;--surface:#1a1a1f;--text:#e8e8f0;--muted:#888;--radius:8px;font-family:Inter,system-ui,sans-serif}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);line-height:1.6}.navbar{z-index:100;background:var(--bg);border-bottom:1px solid #222;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.nav-logo{color:var(--accent);font-size:1.1rem;font-weight:700}.nav-links{gap:1.5rem;list-style:none;display:flex}.nav-links a{color:var(--text);font-size:.95rem;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--accent)}section{max-width:900px;margin:0 auto;padding:5rem 2rem}h2{margin-bottom:1.5rem;font-size:2rem}.hero{flex-direction:column;justify-content:center;min-height:80vh;display:flex}.hero h1{margin-bottom:.5rem;font-size:clamp(2rem,6vw,4rem)}.accent{color:var(--accent)}.tagline{color:var(--muted);margin-bottom:2rem;font-size:1.2rem}.hero-actions{flex-wrap:wrap;gap:1rem;display:flex}.btn{border-radius:var(--radius);padding:.65rem 1.4rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-block}.btn:hover{opacity:.85}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{border:1px solid var(--accent);color:var(--accent)}.about p{color:var(--muted);max-width:600px;margin-bottom:2rem}.skills h3{margin-bottom:.75rem}.skill-list{flex-wrap:wrap;gap:.5rem;list-style:none;display:flex}.skill-list li{background:var(--surface);border-radius:999px;padding:.3rem .8rem;font-size:.85rem}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;display:grid}.project-card{background:var(--surface);border-radius:var(--radius);flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.project-card h3{font-size:1.1rem}.project-card p{color:var(--muted);flex:1;font-size:.9rem}.tech-list{flex-wrap:wrap;gap:.4rem;list-style:none;display:flex}.tech-list li{background:var(--bg);color:var(--accent);border-radius:999px;padding:.2rem .6rem;font-size:.75rem}.card-links{gap:.75rem;margin-top:.5rem;display:flex}.card-links a{color:var(--accent);font-size:.85rem;font-weight:600;text-decoration:none}.card-links a:hover{text-decoration:underline}.contact>p{color:var(--muted);margin-bottom:2rem}.contact-form{flex-direction:column;gap:1rem;max-width:500px;margin-bottom:2rem;display:flex}.contact-form input,.contact-form textarea{background:var(--surface);border-radius:var(--radius);color:var(--text);resize:vertical;border:1px solid #333;padding:.7rem 1rem;font-family:inherit;font-size:.95rem}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);outline:none}.social-links{gap:1rem;display:flex}.social-links a{color:var(--accent);font-weight:600;text-decoration:none}.social-links a:hover{text-decoration:underline}.footer{text-align:center;color:var(--muted);border-top:1px solid #222;padding:2rem;font-size:.85rem}