*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif;line-height:1.6;color:#1f2937;background:#f9fafb}
a{color:#2563eb;text-decoration:none}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}
header{background:#fff;border-bottom:1px solid #e5e7eb;padding:16px 0}
.logo{font-size:22px;font-weight:700;color:#111827}
.hero{padding:40px 0 10px;text-align:center}
.hero h1{font-size:32px;margin-bottom:8px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:24px}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:20px}
.card h3{margin-bottom:6px}
.soon{color:#6b7280;font-size:14px}
footer{margin-top:40px;padding:20px 0;border-top:1px solid #e5e7eb;text-align:center;font-size:14px;color:#6b7280}