index.html

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FlightDelayDraft</title>
<meta name="description" content="AI generator of EU261/Montreal/US DOT flight delay claim letters">
<style>
  body { font-family: -apple-system, system-ui, sans-serif; background: #0b1220; color: #f5f7fa; margin: 0; display: flex; min-height: 100vh; align-items: center; justify-content: center; text-align: center; }
  .card { max-width: 560px; padding: 40px; }
  h1 { font-size: 2.2rem; margin-bottom: 0.5rem; }
  p { color: #b7c0cc; line-height: 1.5; }
  a.cta { display: inline-block; margin-top: 24px; padding: 14px 28px; background: #ffcc33; color: #0b1220; font-weight: 700; border-radius: 8px; text-decoration: none; }
</style></head>
<body><div class="card">
  <h1>✈️ FlightDelayDraft</h1>
  <p>AI generator of EU261/Montreal/US DOT flight delay claim letters</p>
  <a class="cta" href="https://shop.lumnika.com/flightdelay-draft/?src=hf-space">Draft your claim letter →</a>
</div></body></html>