:root {
    --brand-blue: #005e96;
    --app-bg: #fff;
    --app-bg-elevated: #f9fbfe;
}

html,
body {
    min-height: 100%;
}

body {
    margin: 0;
    overflow-x: hidden;
    background:
        radial-gradient(circle at top right, rgba(29, 78, 216, 0.12), transparent 28%),
        radial-gradient(circle at bottom left, rgba(245, 115, 14, 0.12), transparent 26%),
        linear-gradient(180deg, var(--app-bg-elevated) 0%, var(--app-bg) 100%);
    color: var(--brand-blue);
    font-family: "Manrope", sans-serif;
}

.coming-soon {
    min-height: 100vh;
    min-height: 100svh;
}

.coming-soon__content {
    transform: translateY(clamp(-3rem, -6vh, -1.5rem));
}

.coming-soon__logo {
    display: block;
    width: 100%;
    max-width: 297px;
    height: auto;
    margin: 0 auto clamp(1.5rem, 4vw, 2.5rem);
}

.coming-soon__title {
    color: var(--brand-blue);
    font-size: clamp(1rem, 6vw, 3rem);
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1.15;
}