*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#1e293b;background:#f8fafc;line-height:1.55}
a{color:#0f766e}
a:hover{color:#c2410c}
.hero{background:#1e293b;color:#f1f5f9;text-align:center;padding:48px 20px 40px}
.hero img{border-radius:20px}
.hero h1{margin:16px 0 4px;font-size:2.2rem}
.hero .tagline{font-size:1.2rem;color:#14b8a6;margin:0 auto 12px;font-weight:600}
.hero p{max-width:640px;margin:8px auto}
.hero a{color:#f59e0b}
main{max-width:1000px;margin:0 auto;padding:24px 20px}
h2{border-bottom:3px solid #14b8a6;padding-bottom:4px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}
.card{background:#fff;border:1px solid #e2e8f0;border-top:4px solid #f59e0b;border-radius:10px;padding:16px 18px}
.card h3{margin:0 0 8px;font-size:1.05rem}
.card h3 a{text-decoration:none;color:#1e293b}
.card p{margin:6px 0;font-size:.95rem}
.repl{color:#475569}
.links{font-size:.9rem}
.contact li{margin:4px 0}
footer{text-align:center;font-size:.85rem;color:#64748b;padding:24px 20px 40px;border-top:1px solid #e2e8f0}