body{color:#222;background:#f9f9f9;margin:0;font-family:Inter,Arial,sans-serif}.header{background:#fff;justify-content:space-between;padding:20px 40px;display:flex;position:sticky;top:0}.header a{color:#333;margin-left:20px;text-decoration:none}.hero{text-align:center;padding:80px 40px}.hero-buttons{margin-top:20px}.btn{color:#fff;background:#2563eb;border-radius:6px;margin:5px;padding:10px 20px;text-decoration:none}.btn.outline{color:#2563eb;background:0 0;border:2px solid #2563eb}.section{max-width:900px;margin:auto;padding:60px 40px}.card{background:#fff;border-radius:8px;padding:20px}.skills{gap:40px;display:flex}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:30px;display:grid}.project-card{background:#fff;border-radius:12px;flex-direction:column;justify-content:space-between;padding:24px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 10px 20px #0000000d}.project-card:hover{transform:translateY(-6px);box-shadow:0 20px 30px #00000014}.project-header{justify-content:space-between;align-items:center;display:flex}.badge{color:#fff;background:#2563eb;border-radius:999px;padding:4px 10px;font-size:12px}.tech-list{margin:16px 0;padding:0;list-style:none}.tech-list li{color:#555;font-size:14px}.project-links{gap:10px;margin-top:20px;display:flex}.btn.small{padding:8px 16px;font-size:14px}