Add TTRPG Player marketing landing site.

React/Vite landing with RU/EN i18n, live USD pricing, download links to updates.mailib.ru, and donate.stream checkout. Co-authored-by: Cursor <cursoragent@cursor.com>
2026-06-28 11:58:31 +08:00
commit b0ab6cc729
70 changed files with 9151 additions and 0 deletions
@@ -0,0 +1,100 @@
+:root {
+  --color-bg: #08060e;
+  --color-bg-elevated: #100d18;
+  --color-bg-card: rgba(16, 13, 24, 0.72);
+  --color-purple: #7c3aed;
+  --color-purple-bright: #8b5cf6;
+  --color-purple-soft: rgba(124, 58, 237, 0.18);
+  --color-gold: #c8a166;
+  --color-gold-bright: #e0c48a;
+  --color-gold-dim: rgba(200, 161, 102, 0.35);
+  --color-text: #f5f3ee;
+  --color-text-muted: #a8a0b8;
+  --color-text-dim: #7a7288;
+  --color-border: rgba(200, 161, 102, 0.22);
+  --color-border-strong: rgba(200, 161, 102, 0.45);
+  --font-sans: "Segoe UI", system-ui, -apple-system, sans-serif;
+  --radius-sm: 8px;
+  --radius-md: 12px;
+  --radius-lg: 16px;
+  --radius-xl: 24px;
+  --shadow-glow: 0 0 60px rgba(124, 58, 237, 0.15);
+  --max-width: 1120px;
+  --header-height: 72px;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+html {
+  scroll-behavior: smooth;
+}
+
+body {
+  margin: 0;
+  min-height: 100vh;
+  font-family: var(--font-sans);
+  font-size: 16px;
+  line-height: 1.6;
+  color: var(--color-text);
+  background: var(--color-bg);
+  -webkit-font-smoothing: antialiased;
+}
+
+body::before {
+  content: "";
+  position: fixed;
+  inset: 0;
+  pointer-events: none;
+  background:
+    radial-gradient(
+      ellipse 80% 50% at 20% 0%,
+      rgba(124, 58, 237, 0.22),
+      transparent 55%
+    ),
+    radial-gradient(
+      ellipse 60% 40% at 90% 10%,
+      rgba(200, 161, 102, 0.08),
+      transparent 50%
+    ),
+    radial-gradient(
+      ellipse 100% 80% at 50% 100%,
+      rgba(10, 8, 16, 0.9),
+      transparent
+    );
+  z-index: -1;
+}
+
+#root {
+  min-height: 100vh;
+}
+
+a {
+  color: inherit;
+  text-decoration: none;
+}
+
+img {
+  max-width: 100%;
+  display: block;
+}
+
+h1,
+h2,
+h3,
+h4,
+p {
+  margin: 0;
+}
+
+button {
+  font: inherit;
+}
+
+:focus-visible {
+  outline: 2px solid var(--color-purple-bright);
+  outline-offset: 2px;
+}