* { box-sizing: border-box; }
body { margin: 0; font-family: Arial, sans-serif; background: #0b1220; color: #e6e6e6; }
a { color: #7dd3fc; text-decoration: none; margin-right: 12px; }
.container { max-width: 980px; margin: 0 auto; padding: 20px; }
header { display: flex; gap: 18px; align-items: center; }
.avatar { width: 88px; height: 88px; border-radius: 50%; object-fit: cover; border: 2px solid #334155; }
.links a { display: inline-block; padding: 6px 10px; border: 1px solid #334155; border-radius: 10px; }
.card { background: #0f172a; border: 1px solid #1f2937; border-radius: 16px; padding: 18px; margin-top: 16px; }
.chips { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.chips li { background: #111827; border: 1px solid #334155; padding: 6px 10px; border-radius: 999px; }
.projects { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.project { border: 1px solid #334155; border-radius: 14px; padding: 14px; }
.footer { opacity: 0.8; }
@media (max-width: 700px) { .projects { grid-template-columns: 1fr; } header { flex-direction: column; align-items: flex-start; } }