*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:#111827;background:#f7f7f9;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border:none}input,textarea{font-family:inherit;font-size:14px}form{max-width:560px;margin:0 auto}.portfolio-page{flex-direction:column;gap:60px;padding-bottom:40px;display:flex}.portfolio-hero{text-align:center;max-width:680px;margin:0 auto}.portfolio-hero h1{font-size:32px;font-weight:700}.portfolio-hero p{color:#555;margin-top:8px;font-size:16px}.portfolio-grid{gap:24px;display:grid}@media (min-width:768px){.portfolio-grid{grid-template-columns:repeat(3,1fr)}}.project-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;justify-content:space-between;gap:18px;padding:24px;display:flex;box-shadow:0 1px 3px #0000000f}.project-card h3{font-size:18px;font-weight:600}.project-card ul{color:#444;padding-left:16px;list-style:outside}.project-card li{margin-bottom:6px;font-size:14px}.project-badge{text-transform:uppercase;color:#555;background:#f0f0f0;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.project-status{color:#666;font-size:14px}.project-link{font-size:14px;font-weight:500;text-decoration:underline}