/* Minimal custom styles; Tailwind provides the majority of styling via CDN */
html,body { height:100%; }
.btn-primary { background: linear-gradient(90deg,#059669,#10b981); color: #fff; padding: .6rem 1rem; border-radius: .5rem; font-weight:600; box-shadow: 0 10px 30px rgba(5,150,105,0.12); text-decoration:none; display:inline-block; }
.btn-outline { padding: .6rem 1rem; border-radius:.5rem; border:2px solid rgba(5,150,105,0.18); color:#059669; text-decoration:none; display:inline-block; }
.btn-white { padding: .6rem 1rem; border-radius:.5rem; background:#fff; color:#0f172a; text-decoration:none; display:inline-block; }
.card{ background:#fff; border-radius:12px; padding:1rem; box-shadow:0 8px 24px rgba(15,23,42,0.06); }
.project-card{ border-radius:12px; overflow:hidden; min-height:220px; background-size:cover; background-position:center; display:flex; align-items:end; }
@media (max-width:640px){ .project-card{ min-height:160px; } }