.cf-turnstile {
    max-width:100%;
    overflow:hidden;
}

@media (max-width: 576px) {
    .cf-turnstile {
        transform:scale(.88);
        transform-origin:left top;
        width:114%;
        margin-bottom:-8px;
    }
}

body {
            padding-top: 4rem;
            background-color: #f5f6f8;
            display: flex;
            flex-direction: column;
            min-height: 100vh;
        }
        main {
            flex: 1 0 auto;
        }
        .page-header {
            display: flex;
            align-items: center;
            gap: .75rem;
            margin-bottom: 1.5rem;
            padding-bottom: .75rem;
            border-bottom: 1px solid #dee2e6;
        }
        .page-header .badge {
            font-size: .95rem;
            font-weight: 500;
            letter-spacing: .02em;
            padding: .5rem .9rem;
            border-radius: .5rem;
        }
        .content-card {
            background: #fff;
            border-radius: .75rem;
            box-shadow: 0 1px 3px rgba(0,0,0,.06);
            padding: 1.75rem;
            margin-bottom: 2rem;
        }
        footer, .footer-wrap {
            flex-shrink: 0;
        }

    .navbar .nav-link {transition:color .15s ease;}
    .navbar .nav-link.active {color:#ffc107 !important;font-weight:500;}
    .navbar .nav-link:hover {color:#fff !important;}
    .navbar-brand .badge {letter-spacing:.02em;}