:root { --bg: #06140b; --panel: #0d1914; --green: #3ddc6b; --green-soft: #a8f0bf; --text: #f2f5f3; --muted: #a9b5ae; }
* { box-sizing: border-box; }
html, body { margin: 0; }
body {
  min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center;
  background: radial-gradient(1200px 600px at 20% 10%, rgba(61,220,107,0.18), transparent 60%), var(--bg);
  color: var(--text); font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; padding: 24px 16px;
}
.card {
  width: 100%; max-width: 560px; text-align: center; padding: 40px 28px;
  background: linear-gradient(160deg, rgba(13,25,20,0.95), rgba(6,20,11,0.95));
  border: 1px solid rgba(61,220,107,0.25); border-radius: 20px; box-shadow: 0 20px 60px rgba(0,0,0,0.45);
}
.logo { border-radius: 18px; border: 2px solid var(--green); }
h1 { margin: 18px 0 4px; font-size: clamp(2.2rem, 7vw, 3rem); letter-spacing: -0.02em; }
.t1 { color: var(--text); } .t2 { color: var(--green); }
.tagline { margin: 0; color: var(--muted); letter-spacing: 0.32em; text-transform: uppercase; font-size: 0.78rem; }
.services { list-style: none; padding: 0; margin: 28px 0; display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.services li { padding: 6px 12px; border-radius: 999px; background: rgba(61,220,107,0.1); color: var(--green-soft); font-size: 0.92rem; }
.status { color: var(--muted); line-height: 1.6; margin: 0 0 24px; }
.cta {
  display: inline-block; padding: 14px 22px; border-radius: 12px; background: var(--green); color: #04110a;
  font-weight: 700; text-decoration: none; min-height: 44px; word-break: break-word;
}
.cta:hover, .cta:focus-visible { background: var(--green-soft); outline: 2px solid var(--green-soft); outline-offset: 3px; }
footer { margin-top: 28px; display: flex; gap: 18px; color: var(--muted); font-size: 0.85rem; }
footer a { color: var(--muted); }
.legal { max-width: 720px; text-align: left; line-height: 1.6; }
.legal h1 { font-size: 1.8rem; } .legal h2 { font-size: 1.1rem; margin-top: 28px; color: var(--green-soft); }
.legal a { color: var(--green-soft); }