.bridge {
    margin: 0;
    min-height: 100vh;
    display: grid;
    place-items: center;
    background: radial-gradient(circle at top, #f4f7fb 0%, #e9eef5 50%, #e1e8f1 100%);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #1a2f45;
}

.bridge__card {
    width: min(92vw, 460px);
    background: #ffffff;
    border: 1px solid #d6dfeb;
    border-radius: 14px;
    box-shadow: 0 16px 42px rgba(16, 40, 64, 0.14);
    text-align: center;
    padding: 30px 24px;
}

.bridge__spinner {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    border: 4px solid #d7e0ec;
    border-top-color: #e8a723;
    margin: 0 auto 16px;
    animation: bridge-spin 0.85s linear infinite;
}

.bridge__title {
    margin: 0 0 8px;
    font-size: 1.2rem;
    font-weight: 800;
    color: #0f2640;
}

.bridge__text {
    margin: 0;
    font-size: 0.95rem;
    color: #516377;
    line-height: 1.6;
}

.bridge__offer {
    color: #1a3a5c;
    font-weight: 700;
}

@keyframes bridge-spin {
    to {
        transform: rotate(360deg);
    }
}