:root {
  --wdp-bg: #f6f4ee;
  --wdp-surface: #ffffff;
  --wdp-text: #1c2321;
  --wdp-muted: #5b6662;
  --wdp-accent: #1f6f4a;        /* masa yesili */
  --wdp-accent-text: #ffffff;
  --wdp-border: #dcd8cc;
  --wdp-danger: #a8321f;
  --wdp-heart: #b3261e;
  --wdp-diamond: #d9731a;       /* 4 renkli deste: karo turuncu */
  --wdp-club: #1f5f8b;
  --wdp-spade: #1c2321;
  --wdp-radius: 12px;
  --wdp-space: 16px;
  --wdp-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root {
    --wdp-bg: #111614;
    --wdp-surface: #1a211e;
    --wdp-text: #e8ece9;
    --wdp-muted: #9aa6a1;
    --wdp-accent: #3fa574;
    --wdp-accent-text: #0d1210;
    --wdp-border: #2c3531;
    --wdp-danger: #ef8a78;
    --wdp-heart: #ef6b62;
    --wdp-diamond: #f0a052;
    --wdp-club: #6fb3e0;
    --wdp-spade: #e8ece9;
  }
}
* { box-sizing: border-box; }
body {
  margin: 0; background: var(--wdp-bg); color: var(--wdp-text);
  font-family: var(--wdp-font); line-height: 1.6;
}
.wrap { max-width: 720px; margin: 0 auto; padding: calc(var(--wdp-space) * 2) var(--wdp-space); }
header.top { display: flex; justify-content: space-between; align-items: center; gap: var(--wdp-space); }
.brand { font-weight: 700; font-size: 1.25rem; letter-spacing: .01em; text-decoration: none; color: var(--wdp-text); }
.brand .suits { margin-left: 6px; font-size: 1rem; }
.s { color: var(--wdp-spade); } .h { color: var(--wdp-heart); } .d { color: var(--wdp-diamond); } .c { color: var(--wdp-club); }
.lang a { color: var(--wdp-muted); text-decoration: none; margin-left: 10px; }
.lang a[aria-current="true"] { color: var(--wdp-text); font-weight: 600; }
.hero { margin-top: calc(var(--wdp-space) * 3); }
.hero h1 { font-size: clamp(2rem, 6vw, 3rem); line-height: 1.15; margin: 0 0 var(--wdp-space); }
.hero p.lead { font-size: 1.2rem; color: var(--wdp-muted); margin: 0 0 var(--wdp-space); }
.badge { display: inline-block; padding: 4px 12px; border-radius: 999px; border: 1px solid var(--wdp-border);
  color: var(--wdp-accent); font-weight: 600; font-size: .9rem; }
.card { background: var(--wdp-surface); border: 1px solid var(--wdp-border); border-radius: var(--wdp-radius);
  padding: calc(var(--wdp-space) * 1.5); margin-top: calc(var(--wdp-space) * 2); }
form.waitlist { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px; }
form.waitlist input[type=email] { flex: 1 1 240px; min-width: 0; padding: 12px 14px; font-size: 1rem;
  border: 1px solid var(--wdp-border); border-radius: 10px; background: var(--wdp-bg); color: var(--wdp-text); }
form.waitlist button { padding: 12px 20px; font-size: 1rem; border: 0; border-radius: 10px; cursor: pointer;
  background: var(--wdp-accent); color: var(--wdp-accent-text); font-weight: 600; }
form.waitlist button:disabled { opacity: .6; cursor: default; }
.consent { display: flex; gap: 8px; align-items: flex-start; width: 100%; font-size: .9rem; color: var(--wdp-muted); }
.hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.msg { margin-top: 10px; min-height: 1.4em; font-size: .95rem; }
.msg.ok { color: var(--wdp-accent); } .msg.err { color: var(--wdp-danger); }
ul.points { padding-left: 1.2em; } ul.points li { margin: 6px 0; }
footer { margin-top: calc(var(--wdp-space) * 3); padding-top: var(--wdp-space); border-top: 1px solid var(--wdp-border);
  color: var(--wdp-muted); font-size: .9rem; display: flex; flex-wrap: wrap; gap: 14px; }
footer a { color: var(--wdp-muted); }
.doc h1 { font-size: 1.8rem; } .doc h2 { font-size: 1.2rem; margin-top: 1.6em; }
.doc a { color: var(--wdp-accent); }