:root {
    --mv-bg: #071612;
    --mv-surface: #0c1917;
    --mv-surface-2: #10231f;
    --mv-border: rgba(92, 237, 101, 0.14);
    --mv-text: #ffffff;
    --mv-muted: rgba(255, 255, 255, 0.7);
    --mv-accent: #02bd56;
    --mv-accent-2: #9dda0e;
}

* {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    min-height: 100%;
    background:
        radial-gradient(circle at top right, rgba(2, 189, 86, 0.22), transparent 28%),
        radial-gradient(circle at bottom left, rgba(157, 218, 14, 0.18), transparent 24%),
        linear-gradient(180deg, #04100d 0%, #071612 100%);
    color: var(--mv-text);
    font-family: Arial, sans-serif;
}

a {
    color: inherit;
}

.site-landing {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 32px;
}

.site-landing__shell {
    width: min(560px, 100%);
    padding: 56px 40px;
    border-radius: 36px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01)),
        var(--mv-surface);
    border: 1px solid var(--mv-border);
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.35);
    text-align: center;
}

.site-landing__logo {
    width: min(320px, 72vw);
    display: block;
    margin: 0 auto 24px;
}

.site-landing__caption {
    margin: 0 0 28px;
    color: var(--mv-muted);
    font-size: 1rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.site-landing__action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 176px;
    padding: 14px 24px;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--mv-accent), var(--mv-accent-2));
    color: #04100d;
    font-weight: 700;
    text-decoration: none;
}