.btna-donate-page {
    --btna-blue: #203f98;
    --btna-teal: #078c9f;
    --btna-red: #ee1746;
    --btna-ink: #132238;
    --btna-muted: #607083;
    --btna-line: #dce5ea;
    --btna-soft: #f3f8f7;
    --btna-white: #ffffff;
    color: var(--btna-ink);
    background: #ffffff;
    overflow-x: hidden;
}

    .btna-donate-page * {
        box-sizing: border-box;
    }

    .btna-donate-page .btna-donate-container {
        width: min(1180px, calc(100% - 32px));
        margin: 0 auto;
    }

    .btna-donate-page .btna-donate-hero {
        background: linear-gradient(135deg, #eef8f5 0%, #ffffff 52%, #f8f3ee 100%);
        padding: 30px 0 42px;
        position: relative;
    }

    .btna-donate-page .btna-donate-hero__grid {
        display: grid;
        grid-template-columns: minmax(0, 1.08fr) minmax(280px, .72fr);
        gap: 40px;
        align-items: center;
    }

    .btna-donate-page .btna-donate-breadcrumb {
        display: flex;
        gap: 10px;
        align-items: center;
        margin-bottom: 18px;
        font-size: 14px;
        font-family: 'Inter_24pt-SemiBold';
    }

        .btna-donate-page .btna-donate-breadcrumb a {
            color: var(--btna-blue);
            text-decoration: none;
        }

        .btna-donate-page .btna-donate-breadcrumb strong {
            font-weight: 700;
        }

    .btna-donate-page .btna-donate-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: var(--btna-teal);
        font-size: 13px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0;
        font-family: 'Inter_24pt-SemiBold';
    }

    .btna-donate-page h1,
    .btna-donate-page h2,
    .btna-donate-page h3,
    .btna-donate-page p {
        margin-top: 0;
    }

    .btna-donate-page .btna-donate-hero h1 {
        font-size: clamp(34px, 4vw, 58px);
        line-height: 1.05;
        margin: 12px 0 18px;
        color: var(--btna-blue);
        font-family: 'Inter_24pt-ExtraBold';
    }

    .btna-donate-page .btna-donate-hero p {
        max-width: 720px;
        font-size: 18px;
        line-height: 1.65;
        color: #35465b;
        margin-bottom: 0;
        font-family: 'Inter_24pt-SemiBold';
    }

    .btna-donate-page .btna-donate-hero__visual {
        position: relative;
        min-height: 260px;
    }

        .btna-donate-page .btna-donate-hero__visual img {
            width: 100%;
            aspect-ratio: 4 / 3;
            object-fit: cover;
            border-radius: 8px;
            box-shadow: 0 24px 55px rgba(32, 63, 152, .16);
        }

    .btna-donate-page .btna-donate-hero__badge {
        position: absolute;
        left: 24px;
        bottom: 22px;
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 12px 16px;
        border-radius: 8px;
        background: rgba(255, 255, 255, .94);
        box-shadow: 0 14px 34px rgba(19, 34, 56, .16);
        color: var(--btna-blue);
        font-weight: 800;
        font-family: 'Inter_24pt-ExtraBold';
    }

    .btna-donate-page .btna-donate-main {
        padding: 42px 0 52px;
        background: #ffffff;
    }

    .btna-donate-page .btna-donate-layout {
        display: grid;
        grid-template-columns: minmax(0, 1.18fr) minmax(360px, .82fr);
        gap: 38px;
        align-items: start;
    }

    .btna-donate-page .btna-donate-story {
        min-width: 0;
    }

    .btna-donate-page .btna-donate-visual {
        position: relative;
        margin-bottom: 30px;
    }

        .btna-donate-page .btna-donate-visual img {
            width: 100%;
            aspect-ratio: 16 / 8.4;
            object-fit: cover;
            border-radius: 8px;
            display: block;
        }

    .btna-donate-page .btna-donate-visual__mark {
        position: absolute;
        right: 22px;
        bottom: -22px;
        width: 74px;
        height: 74px;
        border-radius: 8px;
        background: var(--btna-teal);
        color: #ffffff;
        display: grid;
        place-items: center;
        font-size: 30px;
        box-shadow: 0 16px 35px rgba(7, 140, 159, .28);
    }

    .btna-donate-page .btna-donate-story__content {
        padding-top: 10px;
    }

        .btna-donate-page .btna-donate-story__content h2,
        .btna-donate-page .btna-donate-impact h3 {
            font-size: 30px;
            line-height: 1.22;
            margin: 10px 0 14px;
            color: var(--btna-blue);
            font-family: 'Inter_24pt-ExtraBold';
        }

        .btna-donate-page .btna-donate-story__content p {
            color: #35465b;
            line-height: 1.75;
            font-size: 16px;
            font-family: 'Inter_24pt-SemiBold';
        }

    .btna-donate-page .btna-donate-impact {
        margin-top: 30px;
        padding: 26px;
        border: 1px solid var(--btna-line);
        border-radius: 8px;
        background: #fbfdfc;
    }

        .btna-donate-page .btna-donate-impact h3 {
            font-size: 22px;
        }

    .btna-donate-page .btna-donate-impact-list {
        list-style: none;
        padding: 0;
        margin: 0;
        display: grid;
        gap: 14px;
    }

        .btna-donate-page .btna-donate-impact-list li {
            display: grid;
            grid-template-columns: 66px 1fr;
            gap: 12px;
            align-items: start;
            color: #425268;
            line-height: 1.55;
            font-family: 'Inter_24pt-Bold';
        }

        .btna-donate-page .btna-donate-impact-list strong {
            color: var(--btna-red);
            font-size: 18px;
        }

    .btna-donate-page .btna-donate-security {
        margin-top: 24px;
        display: flex;
        gap: 16px;
        padding: 20px;
        border-radius: 8px;
        background: var(--btna-soft);
    }

        .btna-donate-page .btna-donate-security i {
            color: var(--btna-teal);
            font-size: 28px;
        }

        .btna-donate-page .btna-donate-security strong {
            display: block;
            color: var(--btna-blue);
            margin-bottom: 6px;
            font-family: 'Inter_24pt-ExtraBold';
        }

        .btna-donate-page .btna-donate-security p {
            margin: 0;
            line-height: 1.6;
            color: #4d5d70;
            font-family: 'Inter_24pt-Bold';
        }

    .btna-donate-page .btna-donate-panel {
        position: sticky;
        top: 18px;
        padding: 28px;
        border: 1px solid var(--btna-line);
        border-radius: 8px;
        background: #ffffff;
        box-shadow: 0 24px 60px rgba(19, 34, 56, .13);
    }

    .btna-donate-page .btna-donate-panel__head h2 {
        margin: 8px 0 8px;
        color: var(--btna-blue);
        font-size: 26px;
        font-family: 'Inter_24pt-ExtraBold';
        line-height: 150%;
    }

    .btna-donate-page .btna-donate-panel__head p {
        color: var(--btna-muted);
        margin-bottom: 22px;
        font-family: 'Inter_24pt-SemiBold';
    }

    .btna-donate-page .btna-donate-form {
        display: grid;
        gap: 18px;
    }

    .btna-donate-page .btna-donate-field {
        border: 0;
        padding: 0;
        margin: 0;
        display: grid;
        gap: 8px;
    }

        .btna-donate-page .btna-donate-field label,
        .btna-donate-page .btna-donate-field legend {
            font-weight: 800;
            color: var(--btna-ink);
            font-size: 14px;
            font-family: 'Inter_24pt-Bold';
            margin-bottom: 5px;
        }

            .btna-donate-page .btna-donate-field span,
            .btna-donate-page .btna-donate-field legend span {
                color: var(--btna-red);
            }

        .btna-donate-page .btna-donate-field input,
        .btna-donate-page .btna-donate-field select,
        .btna-donate-page .btna-donate-field textarea {
            width: 100%;
            min-height: 46px;
            border: 1px solid #cbd7df;
            border-radius: 6px;
            padding: 10px 12px;
            font: inherit;
            color: var(--btna-ink);
            background: #ffffff;
            font-family: 'Inter_24pt-Medium';
        }

        .btna-donate-page .btna-donate-field textarea {
            min-height: 90px;
            resize: vertical;
        }

            .btna-donate-page .btna-donate-field input:focus,
            .btna-donate-page .btna-donate-field select:focus,
            .btna-donate-page .btna-donate-field textarea:focus {
                outline: 3px solid rgba(7, 140, 159, .18);
                border-color: var(--btna-teal);
            }

    .btna-donate-page .btna-donate-amounts {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }

    .btna-donate-page .btna-donate-amount {
        position: relative;
        min-width: 0;
    }

        .btna-donate-page .btna-donate-amount input {
            position: absolute;
            opacity: 0;
            pointer-events: none;
        }

        .btna-donate-page .btna-donate-amount span {
            display: grid;
            place-items: center;
            min-height: 48px;
            border: 1px solid #cbd7df;
            border-radius: 6px;
            color: var(--btna-red);
            font-weight: 900;
            cursor: pointer;
            transition: .2s ease;
            background: #ffffff;
        }

        .btna-donate-page .btna-donate-amount:hover span,
        .btna-donate-page .btna-donate-amount.is-active span,
        .btna-donate-page .btna-donate-amount input:checked + span {
            color: #ffffff;
            border-color: var(--btna-red);
            background: var(--btna-red);
            box-shadow: 0 10px 24px rgba(238, 23, 70, .22);
        }

    .btna-donate-page .btna-donate-custom {
        display: grid;
        gap: 8px;
        margin-top: 10px;
    }

    .btna-donate-page .btna-donate-note {
        display: flex;
        align-items: center;
        gap: 10px;
        margin: 2px 0 0;
        color: #435469;
        line-height: 1.5;
        font-family: 'Inter_24pt-ExtraBold';
    }

        .btna-donate-page .btna-donate-note i {
            color: var(--btna-blue);
            font-size: 22px;
        }

    .btna-donate-page .btna-donate-honeypot {
        position: absolute;
        left: -10000px;
        width: 1px;
        height: 1px;
        overflow: hidden;
        opacity: 0;
        pointer-events: none;
    }

    .btna-donate-page .btna-donate-submit,
    .btna-donate-page .btna-donate-link-button {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        min-height: 50px;
        border: 0;
        border-radius: 999px;
        padding: 0 24px;
        text-decoration: none;
        font-size: 16px;
        font-weight: 900;
        transition: .2s ease;
        font-family: 'Inter_24pt-ExtraBold';
    }

    .btna-donate-page .btna-donate-submit {
        width: 100%;
        color: #ffffff;
        background: var(--btna-red);
        cursor: pointer;
        box-shadow: 0 14px 30px rgba(238, 23, 70, .26);
    }

        .btna-donate-page .btna-donate-submit:hover {
            transform: translateY(-1px);
            background: #d90f3b;
        }

        .btna-donate-page .btna-donate-submit[disabled],
        .btna-donate-page .btna-donate-submit.is-submitting {
            opacity: .72;
            cursor: wait;
            transform: none;
        }

    .btna-donate-page .btna-donate-link-button {
        color: var(--btna-blue);
        background: #eef3ff;
    }

    .btna-donate-page .btna-donate-error {
        padding: 14px 16px;
        border-radius: 8px;
        color: #8a1028;
        background: #fff0f3;
        border: 1px solid #ffd0da;
        line-height: 1.55;
        margin-bottom: 16px;
        font-family: 'Inter_24pt-Medium';
    }

    .btna-donate-page .btna-donate-result {
        padding: 78px 0;
        background: linear-gradient(135deg, #f3f8f7 0%, #ffffff 100%);
    }

    .btna-donate-page .btna-donate-result__card {
        max-width: 760px;
        margin: 0 auto;
        text-align: center;
        padding: 42px;
        border: 1px solid var(--btna-line);
        border-radius: 8px;
        background: #ffffff;
        box-shadow: 0 22px 55px rgba(19, 34, 56, .12);
    }

        .btna-donate-page .btna-donate-result__card > i {
            font-size: 56px;
            color: var(--btna-teal);
            margin-bottom: 16px;
        }

    .btna-donate-page .btna-donate-cancel .btna-donate-result__card > i {
        color: var(--btna-red);
    }

    .btna-donate-page .btna-donate-result__card h1 {
        color: var(--btna-blue);
        font-size: 34px;
        margin: 10px 0 14px;
        font-family: 'Inter_24pt-ExtraBold';
    }

    .btna-donate-page .btna-donate-result__card p {
        color: #4d5d70;
        line-height: 1.7;
        font-family: 'Inter_24pt-ExtraBold';
        font-size: 18px;
    }

    .btna-donate-page .btna-donate-result__code {
        display: inline-block;
        margin: 12px 0 20px;
        padding: 12px 16px;
        border-radius: 8px;
        background: var(--btna-soft);
        color: var(--btna-blue);
    }

    .btna-donate-page .btna-donate-result__actions {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: 24px;
    }

        .btna-donate-page .btna-donate-result__actions .btna-donate-submit {
            width: auto;
        }

@media (max-width: 980px) {
    .btna-donate-page .btna-donate-hero__grid,
    .btna-donate-page .btna-donate-layout {
        grid-template-columns: 1fr;
    }

    .btna-donate-page .btna-donate-panel {
        position: static;
    }
}

@media (max-width: 640px) {
    .btna-donate-page .btna-donate-container {
        width: min(100% - 24px, 1180px);
    }

    .btna-donate-page .btna-donate-hero {
        padding: 34px 0 28px;
    }

    .btna-donate-page .btna-donate-hero__visual {
        min-height: 0;
    }

    .btna-donate-page .btna-donate-hero p {
        font-size: 16px;
    }

    .btna-donate-page .btna-donate-main {
        padding: 34px 0 52px;
    }

    .btna-donate-page .btna-donate-story__content h2 {
        font-size: 25px;
    }

    .btna-donate-page .btna-donate-impact,
    .btna-donate-page .btna-donate-panel,
    .btna-donate-page .btna-donate-result__card {
        padding: 20px;
    }

    .btna-donate-page .btna-donate-amounts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .btna-donate-page .btna-donate-impact-list li {
        grid-template-columns: 64px 1fr;
    }

    .btna-donate-page .btna-donate-result__card h1 {
        font-size: 28px;
    }
}