*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

:root {
    --fb-cream:   #faf7f2;
    --fb-gold:    #b8965a;
    --fb-gold-lt: #d4b483;
    --fb-dark:    #2a2118;
    --fb-muted:   #8a7a68;
}

html, body {
    height: 100%;
}

body {
    background-color: var(--fb-cream);
    font-family: 'Cormorant Garamond', Georgia, serif;
    color: var(--fb-dark);
    overflow: hidden;
}

/* ── Wrapper ── */
.fb-maintenance {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 40px 24px 80px;
    text-align: center;
}

/* ── Tło dekoracyjne ── */
.fb-bg {
    position: fixed;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: 0;
}

.fb-bg__circle {
    position: absolute;
    border-radius: 50%;
    border: 1px solid var(--fb-gold-lt);
    opacity: 0.25;
}

.fb-bg__circle--1 {
    width: 600px;
    height: 600px;
    top: -200px;
    left: -200px;
}

.fb-bg__circle--2 {
    width: 500px;
    height: 500px;
    bottom: -180px;
    right: -180px;
}

.fb-bg__line {
    position: absolute;
    background: linear-gradient(to bottom, transparent, var(--fb-gold-lt), transparent);
    width: 1px;
    height: 100%;
    opacity: 0.2;
}

.fb-bg__line--1 { left: 18%; }
.fb-bg__line--2 { right: 18%; }

/* ── Zawartość ── */
.fb-content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 28px;
    max-width: 680px;
}

/* ── Ornament ── */
.fb-ornament {
    width: 200px;
    color: var(--fb-gold);
    opacity: 0.7;
}

/* ── Tytuł ── */
.fb-title {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-weight: 300;
    font-style: italic;
    font-size: clamp(2rem, 5vw, 3.4rem);
    line-height: 1.25;
    letter-spacing: 0.02em;
    color: var(--fb-dark);
}

/* ── Podtytuł ── */
.fb-subtitle {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-weight: 300;
    font-size: clamp(1rem, 2.5vw, 1.3rem);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--fb-muted);
}

/* ── Stopka ── */
.fb-footer {
    position: fixed;
    bottom: 32px;
    left: 0;
    right: 0;
    z-index: 2;
    text-align: center;
}

.fb-signature {
    font-family: 'Great Vibes', cursive;
    font-size: clamp(1.6rem, 4vw, 2.4rem);
    color: var(--fb-gold);
    letter-spacing: 0.03em;
}

/* ── Responsywność ── */
@media (max-width: 480px) {
    .fb-bg__circle--1,
    .fb-bg__circle--2 {
        display: none;
    }

    .fb-bg__line {
        display: none;
    }
}