Ivan Fontosh
b0ab6cc729
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>
101 lines
1.8 KiB
CSS
101 lines
1.8 KiB
CSS
: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;
|
|
}
|