body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;display:flex;flex-direction:column;align-items:center;min-height:100vh;margin:0;padding:20px;background:#f5f5f5;box-sizing:border-box}h1{text-align:center;color:#333;margin-bottom:30px}.container{background:#fff;padding:32px;border-radius:10px;box-shadow:0 2px 10px #0000001a;max-width:800px;width:100%}.intro{font-size:1.05em;color:#444;line-height:1.7;margin:0 0 28px;text-align:center}.intro a{color:#1976d2;text-decoration:none}.intro a:hover{text-decoration:underline}.socials{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:36px}.social-link{display:inline-flex;align-items:center;gap:8px;color:#333;text-decoration:none;padding:8px 14px;border-radius:8px;border:1px solid #ddd;font-size:.95em;transition:background .15s,border-color .15s,color .15s}.social-link svg{width:20px;height:20px;flex-shrink:0}.social-link:hover{background:#e3f2fd;border-color:#2196f3;color:#1976d2}.projects{display:grid;grid-template-columns:1fr 1fr;gap:20px}.project-card{display:block;text-decoration:none;border:1px solid #e0e0e0;border-radius:10px;overflow:hidden;transition:box-shadow .2s,transform .2s,border-color .2s}.project-card:hover{box-shadow:0 4px 18px #2196f333;transform:translateY(-3px);border-color:#2196f3}.project-preview{display:flex;justify-content:center;align-items:center;background:#f9f9f9;padding:20px;height:224px;box-sizing:content-box}.project-title{padding:12px 16px;font-weight:600;font-size:.95em;color:#333;text-align:center;border-top:1px solid #e0e0e0}@media(max-width:520px){.projects{grid-template-columns:1fr}}