/* Index page: vertically center the hub card */
html, body {
    height: 100dvh;
}

body {
    justify-content: center;
}

.container {
    background: #fafafa;
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.12);
    padding: 32px 24px;
    max-width: 350px;
    width: min(92vw, 350px);
    position: relative;
    margin: 16px auto;
    max-height: calc(100dvh - 48px);
    overflow: auto;
    text-align: center;
}