:root {
    --text-color: #ffffff;
    --font-family: Arial, sans-serif;
    --text-m: clamp(14px, 3.5vw, 15px);
    --text-xl: clamp(24px, 7vw, 28.98px);
}

* {
    box-sizing: border-box;
}

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

body {
    margin: 0;
    font-family: var(--font-family);
    background: #000 url('./img/partner.png') center center / cover no-repeat;
}

.maintenance {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.maintenance-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 12px;
}

.logo-img {
    max-width: min(280px, 60vw);
    max-height: 63px;
    width: auto;
    height: auto;
    margin-bottom: clamp(12px, 6vw, 40px);
}

.title {
    margin: 0;
    color: var(--text-color);
    font-size: var(--text-xl);
    font-weight: 700;
}

.subtitle {
    margin: 0;
    color: var(--text-color);
    font-size: var(--text-m);
}