/* The coming-soon page (templates/portal/coming-soon.html): the portal's dark background, the logo is white. */
* { box-sizing: border-box; }
html, body { height: 100%; }
body {
    margin: 0;
    background: #16191c;
    color: #a7a6a8;
    font: 16px/1.6 Roboto, system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}
.cs {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 16px;
    text-align: center;
}
.cs-logo { width: min(460px, 86vw); height: auto; display: block; }
.cs h1 { margin: 24px 0 0; color: #fff; font-weight: 500; line-height: 1.2; font-size: clamp(1.8rem, 5vw, 2.6rem); }
.cs p { margin: 12px 0 0; max-width: 420px; }