{"id":22817,"date":"2026-03-07T13:59:37","date_gmt":"2026-03-07T18:59:37","guid":{"rendered":"https:\/\/audioteka.org\/project\/?page_id=22817"},"modified":"2026-03-07T18:08:00","modified_gmt":"2026-03-07T23:08:00","slug":"donate","status":"publish","type":"page","link":"https:\/\/audioteka.org\/project\/donate","title":{"rendered":"\u041f\u043e\u0434\u0434\u0435\u0440\u0436\u0430\u0442\u044c Audioteky"},"content":{"rendered":"<div id=\"tdi_1\" class=\"tdc-zone\"><div class=\"tdc_zone tdi_2  wpb_row td-pb-row\"  >\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_2{\r\n                    min-height: 0;\r\n                }\n<\/style><div id=\"tdi_3\" class=\"tdc-row\"><div class=\"vc_row tdi_4  wpb_row td-pb-row\" >\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_4,\r\n                .tdi_4 .tdc-columns{\r\n                    min-height: 0;\r\n                }.tdi_4,\r\n\t\t\t\t.tdi_4 .tdc-columns{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_4 .tdc-columns{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}.tdi_4:before,\r\n\t\t\t\t.tdi_4:after{\r\n\t\t\t\t    display: table;\r\n\t\t\t\t}\n<\/style><div class=\"vc_column tdi_6  wpb_column vc_column_container tdc-column td-pb-span12\">\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_6{\r\n                    vertical-align: baseline;\r\n                }.tdi_6 > .wpb_wrapper,\r\n\t\t\t\t.tdi_6 > .wpb_wrapper > .tdc-elements{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_6 > .wpb_wrapper > .tdc-elements{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}.tdi_6 > .wpb_wrapper > .vc_row_inner{\r\n\t\t\t\t    width: auto;\r\n\t\t\t\t}.tdi_6 > .wpb_wrapper{\r\n\t\t\t\t    width: auto;\r\n\t\t\t\t    height: auto;\r\n\t\t\t\t}\n<\/style><div class=\"wpb_wrapper\" ><div class=\"wpb_wrapper td_block_wrap vc_raw_html tdi_8 \"><div class=\"td-fix-index\"><!DOCTYPE html>\r\n<html lang=\"ru\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>\u041f\u043e\u0434\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u2014 Audioteka.org<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Crimson+Pro:ital,wght@0,400;0,600;0,700;1,400&family=Nunito:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n  :root {\r\n    --navy:      #0B1120;\r\n    --navy2:     #111C2E;\r\n    --navy3:     #172035;\r\n    --blue:      #3b82f6;\r\n    --blue-dim:  #1e3a8a;\r\n    --blue-glow: rgba(59,130,246,0.18);\r\n    --gold:      #f0b429;\r\n    --text:      #e2e8f0;\r\n    --muted:     #64748b;\r\n    --border:    rgba(255,255,255,0.07);\r\n  }\r\n\r\n  * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n  body {\r\n    font-family: 'Nunito', sans-serif;\r\n    background: var(--navy);\r\n    color: var(--text);\r\n    min-height: 100vh;\r\n    overflow-x: hidden;\r\n  }\r\n\r\n  \/* \u2500\u2500 BACKGROUND DECORATION \u2500\u2500 *\/\r\n  .bg-orbs {\r\n    position: fixed;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .orb {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    filter: blur(90px);\r\n    opacity: 0.12;\r\n  }\r\n\r\n  .orb-1 {\r\n    width: 500px; height: 500px;\r\n    background: var(--blue);\r\n    top: -100px; left: -100px;\r\n  }\r\n\r\n  .orb-2 {\r\n    width: 400px; height: 400px;\r\n    background: #6366f1;\r\n    bottom: 100px; right: -80px;\r\n  }\r\n\r\n  .orb-3 {\r\n    width: 300px; height: 300px;\r\n    background: var(--gold);\r\n    top: 50%; left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    opacity: 0.05;\r\n  }\r\n\r\n  \/* \u2500\u2500 HERO HEADER \u2500\u2500 *\/\r\n  .hero {\r\n    position: relative;\r\n    z-index: 1;\r\n    text-align: center;\r\n    padding: 72px 24px 56px;\r\n    max-width: 720px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .logo-wrap {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 14px;\r\n    margin-bottom: 40px;\r\n    text-decoration: none;\r\n  }\r\n\r\n  .logo-wrap img {\r\n    height: 40px;\r\n    width: auto;\r\n  }\r\n\r\n  .eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.18em;\r\n    text-transform: uppercase;\r\n    color: var(--blue);\r\n    background: rgba(59,130,246,0.1);\r\n    border: 1px solid rgba(59,130,246,0.2);\r\n    padding: 5px 14px;\r\n    border-radius: 20px;\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .hero h1 {\r\n    font-family: 'Crimson Pro', serif;\r\n    font-size: clamp(38px, 6vw, 62px);\r\n    font-weight: 700;\r\n    line-height: 1.1;\r\n    color: #fff;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .hero h1 em {\r\n    font-style: italic;\r\n    color: var(--blue);\r\n  }\r\n\r\n  .hero-sub {\r\n    font-size: 16px;\r\n    font-weight: 300;\r\n    color: rgba(226,232,240,0.65);\r\n    line-height: 1.8;\r\n    max-width: 540px;\r\n    margin: 0 auto 16px;\r\n  }\r\n\r\n  \/* \u2500\u2500 STATS ROW \u2500\u2500 *\/\r\n  .stats-row {\r\n    position: relative;\r\n    z-index: 1;\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 0;\r\n    max-width: 640px;\r\n    margin: 0 auto 64px;\r\n    border: 1px solid var(--border);\r\n    border-radius: 14px;\r\n    overflow: hidden;\r\n    background: var(--navy2);\r\n  }\r\n\r\n  .stat-item {\r\n    flex: 1;\r\n    padding: 24px 16px;\r\n    text-align: center;\r\n    border-right: 1px solid var(--border);\r\n  }\r\n\r\n  .stat-item:last-child { border-right: none; }\r\n\r\n  .stat-val {\r\n    font-family: 'Crimson Pro', serif;\r\n    font-size: 30px;\r\n    font-weight: 700;\r\n    color: var(--blue);\r\n    line-height: 1;\r\n    margin-bottom: 4px;\r\n  }\r\n\r\n  .stat-lbl {\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n    color: var(--muted);\r\n  }\r\n\r\n  \/* \u2500\u2500 MAIN LAYOUT \u2500\u2500 *\/\r\n  .main {\r\n    position: relative;\r\n    z-index: 1;\r\n    max-width: 1060px;\r\n    margin: 0 auto;\r\n    padding: 0 24px 80px;\r\n    display: grid;\r\n    grid-template-columns: 1fr 420px;\r\n    gap: 32px;\r\n    align-items: start;\r\n  }\r\n\r\n  \/* \u2500\u2500 LEFT: WHY DONATE \u2500\u2500 *\/\r\n  .why-card {\r\n    background: var(--navy2);\r\n    border: 1px solid var(--border);\r\n    border-radius: 20px;\r\n    padding: 40px;\r\n  }\r\n\r\n  .card-label {\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n    color: var(--blue);\r\n    margin-bottom: 14px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n  }\r\n\r\n  .card-label::before {\r\n    content: '';\r\n    display: block;\r\n    width: 20px; height: 2px;\r\n    background: var(--blue);\r\n  }\r\n\r\n  .why-card h2 {\r\n    font-family: 'Crimson Pro', serif;\r\n    font-size: 28px;\r\n    font-weight: 600;\r\n    color: #fff;\r\n    line-height: 1.3;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .why-card p {\r\n    font-size: 15px;\r\n    font-weight: 300;\r\n    color: rgba(226,232,240,0.7);\r\n    line-height: 1.85;\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  .why-card p:last-of-type { margin-bottom: 32px; }\r\n\r\n  \/* features list *\/\r\n  .feature-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 14px;\r\n    margin-bottom: 32px;\r\n  }\r\n\r\n  .feature-row {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 14px;\r\n    padding: 14px 16px;\r\n    background: rgba(255,255,255,0.025);\r\n    border: 1px solid var(--border);\r\n    border-radius: 10px;\r\n  }\r\n\r\n  .feature-icon {\r\n    width: 36px; height: 36px;\r\n    background: var(--blue-glow);\r\n    border: 1px solid rgba(59,130,246,0.2);\r\n    border-radius: 8px;\r\n    display: flex; align-items: center; justify-content: center;\r\n    font-size: 16px;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .feature-text strong {\r\n    display: block;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    color: #fff;\r\n    margin-bottom: 2px;\r\n  }\r\n\r\n  .feature-text span {\r\n    font-size: 13px;\r\n    font-weight: 300;\r\n    color: var(--muted);\r\n    line-height: 1.5;\r\n  }\r\n\r\n  \/* quote block *\/\r\n  .quote-block {\r\n    border-left: 3px solid var(--blue);\r\n    padding: 14px 20px;\r\n    background: rgba(59,130,246,0.06);\r\n    border-radius: 0 10px 10px 0;\r\n  }\r\n\r\n  .quote-block p {\r\n    font-family: 'Crimson Pro', serif;\r\n    font-style: italic;\r\n    font-size: 17px;\r\n    color: rgba(226,232,240,0.85);\r\n    line-height: 1.6;\r\n    margin-bottom: 6px !important;\r\n  }\r\n\r\n  .quote-block cite {\r\n    font-size: 12px;\r\n    color: var(--muted);\r\n    letter-spacing: 0.04em;\r\n  }\r\n\r\n  \/* \u2500\u2500 RIGHT: DONATE BOX \u2500\u2500 *\/\r\n  .donate-box {\r\n    position: sticky;\r\n    top: 24px;\r\n    background: var(--navy2);\r\n    border: 1px solid var(--border);\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .donate-box-top {\r\n    background: linear-gradient(135deg, var(--blue-dim), #1e40af);\r\n    padding: 28px 28px 24px;\r\n    text-align: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .donate-box-top::before {\r\n    content: '\u266a';\r\n    position: absolute;\r\n    font-size: 140px;\r\n    opacity: 0.05;\r\n    right: -20px;\r\n    top: -20px;\r\n    line-height: 1;\r\n  }\r\n\r\n  .donate-box-top img {\r\n    height: 44px;\r\n    width: auto;\r\n    margin-bottom: 14px;\r\n    display: block;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    filter: brightness(0) invert(1);\r\n  }\r\n\r\n  .donate-box-top h3 {\r\n    font-family: 'Crimson Pro', serif;\r\n    font-size: 22px;\r\n    font-weight: 700;\r\n    color: #fff;\r\n    margin-bottom: 6px;\r\n  }\r\n\r\n  .donate-box-top p {\r\n    font-size: 13px;\r\n    color: rgba(255,255,255,0.65);\r\n    font-weight: 300;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .donate-box-body {\r\n    padding: 28px;\r\n  }\r\n\r\n  \/* amount buttons *\/\r\n  .amount-label {\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.12em;\r\n    text-transform: uppercase;\r\n    color: var(--muted);\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  .amount-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 8px;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .amt-btn {\r\n    padding: 10px 6px;\r\n    background: var(--navy3);\r\n    border: 1px solid var(--border);\r\n    border-radius: 8px;\r\n    color: var(--text);\r\n    font-family: 'Nunito', sans-serif;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    transition: all 0.2s;\r\n    text-align: center;\r\n  }\r\n\r\n  .amt-btn:hover,\r\n  .amt-btn.active {\r\n    background: var(--blue);\r\n    border-color: var(--blue);\r\n    color: #fff;\r\n  }\r\n\r\n  .amt-btn.custom {\r\n    grid-column: span 3;\r\n    color: var(--muted);\r\n    font-size: 13px;\r\n    font-weight: 400;\r\n  }\r\n\r\n  .divider {\r\n    height: 1px;\r\n    background: var(--border);\r\n    margin: 20px 0;\r\n  }\r\n\r\n  \/* main donate button *\/\r\n  .donate-btn {\r\n    display: block;\r\n    width: 100%;\r\n    padding: 16px;\r\n    background: linear-gradient(135deg, #2563eb, #3b82f6);\r\n    color: #fff;\r\n    border: none;\r\n    border-radius: 10px;\r\n    font-family: 'Nunito', sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    text-align: center;\r\n    text-decoration: none;\r\n    cursor: pointer;\r\n    transition: transform 0.2s, box-shadow 0.2s;\r\n    box-shadow: 0 4px 20px rgba(59,130,246,0.35);\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  .donate-btn:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 8px 30px rgba(59,130,246,0.5);\r\n  }\r\n\r\n  .donate-secure {\r\n    text-align: center;\r\n    font-size: 11px;\r\n    color: var(--muted);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 5px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  \/* one-time vs monthly toggle *\/\r\n  .freq-toggle {\r\n    display: flex;\r\n    background: var(--navy3);\r\n    border: 1px solid var(--border);\r\n    border-radius: 8px;\r\n    padding: 3px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .freq-btn {\r\n    flex: 1;\r\n    padding: 8px;\r\n    border: none;\r\n    border-radius: 6px;\r\n    background: transparent;\r\n    color: var(--muted);\r\n    font-family: 'Nunito', sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    transition: all 0.2s;\r\n  }\r\n\r\n  .freq-btn.active {\r\n    background: var(--blue);\r\n    color: #fff;\r\n  }\r\n\r\n  \/* trust badges *\/\r\n  .trust-row {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 20px;\r\n    padding-top: 16px;\r\n    border-top: 1px solid var(--border);\r\n  }\r\n\r\n  .trust-item {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 4px;\r\n    font-size: 10px;\r\n    color: var(--muted);\r\n    letter-spacing: 0.04em;\r\n    text-align: center;\r\n  }\r\n\r\n  .trust-item span { font-size: 18px; }\r\n\r\n  \/* \u2500\u2500 BOTTOM MISSION SECTION \u2500\u2500 *\/\r\n  .mission {\r\n    position: relative;\r\n    z-index: 1;\r\n    max-width: 1060px;\r\n    margin: 0 auto;\r\n    padding: 0 24px 80px;\r\n  }\r\n\r\n  .mission-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 16px;\r\n  }\r\n\r\n  .mission-card {\r\n    background: var(--navy2);\r\n    border: 1px solid var(--border);\r\n    border-radius: 16px;\r\n    padding: 28px 24px;\r\n    transition: border-color 0.25s, transform 0.25s;\r\n  }\r\n\r\n  .mission-card:hover {\r\n    border-color: rgba(59,130,246,0.3);\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  .mission-card-icon {\r\n    font-size: 28px;\r\n    margin-bottom: 14px;\r\n    display: block;\r\n  }\r\n\r\n  .mission-card h3 {\r\n    font-family: 'Crimson Pro', serif;\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    color: #fff;\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  .mission-card p {\r\n    font-size: 13px;\r\n    font-weight: 300;\r\n    color: var(--muted);\r\n    line-height: 1.7;\r\n  }\r\n\r\n  \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\r\n  .page-footer {\r\n    position: relative;\r\n    z-index: 1;\r\n    text-align: center;\r\n    padding: 32px 24px 48px;\r\n    border-top: 1px solid var(--border);\r\n    font-size: 13px;\r\n    color: var(--muted);\r\n  }\r\n\r\n  .page-footer a {\r\n    color: var(--blue);\r\n    text-decoration: none;\r\n  }\r\n\r\n  \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\r\n  @keyframes fadeUp {\r\n    from { opacity: 0; transform: translateY(24px); }\r\n    to   { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  .hero       { animation: fadeUp 0.7s ease both; }\r\n  .stats-row  { animation: fadeUp 0.7s 0.15s ease both; }\r\n  .main       { animation: fadeUp 0.7s 0.25s ease both; }\r\n  .mission    { animation: fadeUp 0.7s 0.35s ease both; }\r\n\r\n  \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n  @media (max-width: 860px) {\r\n    .main {\r\n      grid-template-columns: 1fr;\r\n    }\r\n    .donate-box { position: static; }\r\n    .mission-grid { grid-template-columns: 1fr; }\r\n    .stats-row { margin-bottom: 40px; }\r\n    .why-card { padding: 28px 22px; }\r\n    .donate-box-body { padding: 22px; }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"bg-orbs\">\r\n  <div class=\"orb orb-1\"><\/div>\r\n  <div class=\"orb orb-2\"><\/div>\r\n  <div class=\"orb orb-3\"><\/div>\r\n<\/div>\r\n\r\n<!-- HERO -->\r\n<div class=\"hero\">\r\n  <a href=\"https:\/\/audioteka.org\/project\/\" class=\"logo-wrap\">\r\n    <img decoding=\"async\" src=\"https:\/\/audioteka.org\/project\/wp-content\/uploads\/2026\/03\/audioteka_logo_544x180.png\" alt=\"Audioteka\">\r\n  <\/a>\r\n  <div class=\"eyebrow\">\u2665 \u041f\u043e\u0434\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u0441\u0430\u0439\u0442<\/div>\r\n  <h1>\u041f\u043e\u043c\u043e\u0433\u0438\u0442\u0435 \u043d\u0430\u043c \u043e\u0441\u0442\u0430\u0432\u0430\u0442\u044c\u0441\u044f<br><em>\u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u043c\u0438<\/em><\/h1>\r\n  <p class=\"hero-sub\">\r\n    \u0410\u0443\u0434\u0438\u043e\u0442\u0435\u043a\u0430 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u0432\u0430\u0448\u0435\u0439 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0435. \u041b\u044e\u0431\u043e\u0435 \u043f\u043e\u0436\u0435\u0440\u0442\u0432\u043e\u0432\u0430\u043d\u0438\u0435 \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u043d\u0430\u043c \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0442\u044c \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u044b\u0439 \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u0442\u044b\u0441\u044f\u0447\u0430\u043c \u043f\u0440\u043e\u043f\u043e\u0432\u0435\u0434\u0435\u0439, \u0430\u0443\u0434\u0438\u043e \u043a\u043d\u0438\u0433 \u0438 \u0434\u0435\u043a\u043b\u0430\u043c\u0430\u0446\u0438\u0439.\r\n  <\/p>\r\n<\/div>\r\n\r\n<!-- STATS -->\r\n<div class=\"stats-row\">\r\n  <div class=\"stat-item\">\r\n    <div class=\"stat-val\">5000+<\/div>\r\n    <div class=\"stat-lbl\">\u0410\u0443\u0434\u0438\u043e \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u043e\u0432<\/div>\r\n  <\/div>\r\n  <div class=\"stat-item\">\r\n    <div class=\"stat-val\">100%<\/div>\r\n    <div class=\"stat-lbl\">\u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0439 \u0434\u043e\u0441\u0442\u0443\u043f<\/div>\r\n  <\/div>\r\n  <div class=\"stat-item\">\r\n    <div class=\"stat-val\">15+<\/div>\r\n    <div class=\"stat-lbl\">\u041b\u0435\u0442 \u0432 \u0441\u043b\u0443\u0436\u0435\u043d\u0438\u0438<\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- MAIN CONTENT -->\r\n<div class=\"main\">\r\n\r\n  <!-- LEFT: WHY DONATE -->\r\n  <div class=\"why-card\">\r\n    <div class=\"card-label\">\u041d\u0430\u0448\u0430 \u043c\u0438\u0441\u0441\u0438\u044f<\/div>\r\n    <h2>\u0417\u0430\u0447\u0435\u043c \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0442\u044c \u0410\u0443\u0434\u0438\u043e\u0442\u0435\u043a\u0443?<\/h2>\r\n\r\n    <p>\r\n      \u0414\u0430\u043d\u043d\u044b\u0439 \u0441\u0430\u0439\u0442 \u0441\u043e\u0437\u0434\u0430\u043d \u0434\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u0432\u0441\u0435 \u0436\u0435\u043b\u0430\u044e\u0449\u0438\u0435 \u043c\u043e\u0433\u043b\u0438 \u0441\u043b\u0443\u0448\u0430\u0442\u044c \u043f\u0440\u043e\u043f\u043e\u0432\u0435\u0434\u0438, \u0430\u0443\u0434\u0438\u043e \u043a\u043d\u0438\u0433\u0438 \u0438 \u0434\u0435\u043a\u043b\u0430\u043c\u0430\u0446\u0438\u0438 \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u043d\u043e \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e. \u041d\u0430\u0448\u0430 \u0446\u0435\u043b\u044c \u2014 <strong>\u00ab\u0432\u043e\u0437\u0432\u0435\u0449\u0430\u0442\u044c \u043e \u0426\u0430\u0440\u0441\u0442\u0432\u0435 \u041d\u0435\u0431\u0435\u0441\u043d\u043e\u043c\u00bb<\/strong> \u0438 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0442\u044c \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u044b\u0439 \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u043f\u0440\u043e\u043f\u043e\u0432\u0435\u0434\u0438 \u0415\u0432\u0430\u043d\u0433\u0435\u043b\u0438\u044f.\r\n    <\/p>\r\n    <p>\r\n      \u0421\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u0435 \u0441\u0430\u0439\u0442\u0430, \u0445\u043e\u0441\u0442\u0438\u043d\u0433, \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u0442\u0440\u0435\u0431\u0443\u044e\u0442 \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0445 \u0432\u043b\u043e\u0436\u0435\u043d\u0438\u0439. \u0412\u0430\u0448\u0430 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u2014 \u044d\u0442\u043e \u0442\u043e, \u0447\u0442\u043e \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043d\u0430\u043c \u043e\u0441\u0442\u0430\u0432\u0430\u0442\u044c\u0441\u044f \u043e\u043d\u043b\u0430\u0439\u043d \u0438 \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0430\u0442\u044c \u0441\u043b\u0443\u0436\u0435\u043d\u0438\u0435.\r\n    <\/p>\r\n\r\n    <div class=\"feature-list\">\r\n      <div class=\"feature-row\">\r\n        <div class=\"feature-icon\">\ud83c\udf99\ufe0f<\/div>\r\n        <div class=\"feature-text\">\r\n          <strong>\u0422\u044b\u0441\u044f\u0447\u0438 \u043f\u0440\u043e\u043f\u043e\u0432\u0435\u0434\u0435\u0439<\/strong>\r\n          <span>\u041f\u0440\u043e\u043f\u043e\u0432\u0435\u0434\u0438 \u0434\u0435\u0441\u044f\u0442\u043a\u043e\u0432 \u043f\u0430\u0441\u0442\u043e\u0440\u043e\u0432 \u0438 \u0441\u043b\u0443\u0436\u0438\u0442\u0435\u043b\u0435\u0439 \u2014 \u0432\u0441\u0451 \u0432 \u043e\u0434\u043d\u043e\u043c \u043c\u0435\u0441\u0442\u0435<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"feature-row\">\r\n        <div class=\"feature-icon\">\ud83d\udcd6<\/div>\r\n        <div class=\"feature-text\">\r\n          <strong>\u0410\u0443\u0434\u0438\u043e \u043a\u043d\u0438\u0433\u0438 \u0438 \u0434\u0435\u043a\u043b\u0430\u043c\u0430\u0446\u0438\u0438<\/strong>\r\n          <span>\u0425\u0440\u0438\u0441\u0442\u0438\u0430\u043d\u0441\u043a\u0430\u044f \u043b\u0438\u0442\u0435\u0440\u0430\u0442\u0443\u0440\u0430 \u0438 \u0441\u0442\u0438\u0445\u0438 \u0432 \u0430\u0443\u0434\u0438\u043e \u0444\u043e\u0440\u043c\u0430\u0442\u0435<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"feature-row\">\r\n        <div class=\"feature-icon\">\ud83c\udf10<\/div>\r\n        <div class=\"feature-text\">\r\n          <strong>\u0421\u0432\u043e\u0431\u043e\u0434\u043d\u044b\u0439 \u0434\u043e\u0441\u0442\u0443\u043f<\/strong>\r\n          <span>\u0411\u0435\u0437 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438, \u0431\u0435\u0437 \u043e\u043f\u043b\u0430\u0442\u044b \u2014 \u0434\u043b\u044f \u0432\u0441\u0435\u0445 \u0436\u0435\u043b\u0430\u044e\u0449\u0438\u0445<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"feature-row\">\r\n        <div class=\"feature-icon\">\ud83d\udcf1<\/div>\r\n        <div class=\"feature-text\">\r\n          <strong>\u0423\u0434\u043e\u0431\u043d\u044b\u0439 \u043f\u043b\u0435\u0435\u0440<\/strong>\r\n          <span>\u0421\u043b\u0443\u0448\u0430\u0439\u0442\u0435 \u0441 \u043b\u044e\u0431\u043e\u0433\u043e \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430, \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0439\u0442\u0435 \u043c\u0435\u0441\u0442\u043e \u043f\u0440\u043e\u0441\u043b\u0443\u0448\u0438\u0432\u0430\u043d\u0438\u044f<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"quote-block\">\r\n      <p>\u00ab\u0418\u0434\u0438\u0442\u0435, \u043f\u0440\u043e\u043f\u043e\u0432\u0435\u0434\u0443\u0439\u0442\u0435, \u0433\u043e\u0432\u043e\u0440\u044f, \u0447\u0442\u043e \u043f\u0440\u0438\u0431\u043b\u0438\u0437\u0438\u043b\u043e\u0441\u044c \u0426\u0430\u0440\u0441\u0442\u0432\u043e \u041d\u0435\u0431\u0435\u0441\u043d\u043e\u0435\u00bb<\/p>\r\n      <cite>\u041c\u0430\u0442\u0444\u0435\u044f 10:7<\/cite>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- RIGHT: DONATE BOX -->\r\n  <div class=\"donate-box\">\r\n    <div class=\"donate-box-top\">\r\n      <img decoding=\"async\" src=\"https:\/\/audioteka.org\/project\/wp-content\/uploads\/2026\/03\/audioteka_logo_544x180.png\" alt=\"Audioteka\">\r\n      <h3>\u041f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0442\u0435 \u0410\u0443\u0434\u0438\u043e\u0442\u0435\u043a\u0443<\/h3>\r\n      <p>\u0412\u0430\u0448 \u0432\u043a\u043b\u0430\u0434 \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u0441\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0439 \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u0421\u043b\u043e\u0432\u0443 \u0411\u043e\u0436\u044c\u0435\u043c\u0443<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"donate-box-body\">\r\n\r\n      <!-- Frequency toggle -->\r\n      <div class=\"freq-toggle\">\r\n        <button class=\"freq-btn active\" onclick=\"setFreq(this, 'once')\">\u0420\u0430\u0437\u043e\u0432\u043e<\/button>\r\n        <button class=\"freq-btn\" onclick=\"setFreq(this, 'monthly')\">\u0415\u0436\u0435\u043c\u0435\u0441\u044f\u0447\u043d\u043e<\/button>\r\n      <\/div>\r\n\r\n      <!-- Amount selector -->\r\n      <div class=\"amount-label\">\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0441\u0443\u043c\u043c\u0443<\/div>\r\n      <div class=\"amount-grid\">\r\n        <button class=\"amt-btn\" onclick=\"setAmount(this, 5)\">$5<\/button>\r\n        <button class=\"amt-btn active\" onclick=\"setAmount(this, 10)\">$10<\/button>\r\n        <button class=\"amt-btn\" onclick=\"setAmount(this, 25)\">$25<\/button>\r\n        <button class=\"amt-btn\" onclick=\"setAmount(this, 50)\">$50<\/button>\r\n        <button class=\"amt-btn\" onclick=\"setAmount(this, 100)\">$100<\/button>\r\n        <button class=\"amt-btn\" onclick=\"setAmount(this, 0)\">\u0414\u0440\u0443\u0433\u0430\u044f<\/button>\r\n        <button class=\"amt-btn custom\" id=\"custom-input-row\" style=\"display:none;grid-column:span 3;\">\r\n          <input id=\"custom-amt\" type=\"number\" placeholder=\"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0441\u0443\u043c\u043c\u0443 \u0432 $\" min=\"1\"\r\n            style=\"background:transparent;border:none;outline:none;width:100%;text-align:center;font-family:Nunito,sans-serif;font-size:14px;color:#e2e8f0;\">\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <div class=\"divider\"><\/div>\r\n\r\n      <a id=\"donate-link\" href=\"https:\/\/donorbox.org\/audioteka\" target=\"_blank\" class=\"donate-btn\">\r\n        \u2665 \u041f\u043e\u0436\u0435\u0440\u0442\u0432\u043e\u0432\u0430\u0442\u044c $10\r\n      <\/a>\r\n\r\n      <div class=\"donate-secure\">\r\n        \ud83d\udd12 \u0411\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u044b\u0439 \u043f\u043b\u0430\u0442\u0451\u0436 \u0447\u0435\u0440\u0435\u0437 Donorbox\r\n      <\/div>\r\n\r\n      <div class=\"trust-row\">\r\n        <div class=\"trust-item\"><span>\ud83d\udee1\ufe0f<\/span>\u0411\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e<\/div>\r\n        <div class=\"trust-item\"><span>\ud83c\udf0d<\/span>\u041b\u044e\u0431\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0430<\/div>\r\n        <div class=\"trust-item\"><span>\ud83d\udcb3<\/span>\u041a\u0430\u0440\u0442\u0430 \/ PayPal<\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- MISSION CARDS -->\r\n<div class=\"mission\">\r\n  <div class=\"mission-grid\">\r\n    <div class=\"mission-card\">\r\n      <span class=\"mission-card-icon\">\ud83d\udda5\ufe0f<\/span>\r\n      <h3>\u0425\u043e\u0441\u0442\u0438\u043d\u0433 \u0438 \u0442\u0435\u0445\u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430<\/h3>\r\n      <p>\u0412\u0430\u0448\u0438 \u043f\u043e\u0436\u0435\u0440\u0442\u0432\u043e\u0432\u0430\u043d\u0438\u044f \u043f\u043e\u043a\u0440\u044b\u0432\u0430\u044e\u0442 \u0440\u0430\u0441\u0445\u043e\u0434\u044b \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440, \u0434\u043e\u043c\u0435\u043d \u0438 \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e\u0435 \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u0435 \u0441\u0430\u0439\u0442\u0430.<\/p>\r\n    <\/div>\r\n    <div class=\"mission-card\">\r\n      <span class=\"mission-card-icon\">\ud83c\udfb5<\/span>\r\n      <h3>\u041d\u043e\u0432\u044b\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b<\/h3>\r\n      <p>\u041c\u044b \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0430\u0435\u043c \u043f\u043e\u043f\u043e\u043b\u043d\u044f\u0442\u044c \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 \u043d\u043e\u0432\u044b\u043c\u0438 \u043f\u0440\u043e\u043f\u043e\u0432\u0435\u0434\u044f\u043c\u0438, \u043a\u043d\u0438\u0433\u0430\u043c\u0438 \u0438 \u0434\u0435\u043a\u043b\u0430\u043c\u0430\u0446\u0438\u044f\u043c\u0438.<\/p>\r\n    <\/div>\r\n    <div class=\"mission-card\">\r\n      <span class=\"mission-card-icon\">\u2728<\/span>\r\n      <h3>\u0420\u0430\u0437\u0432\u0438\u0442\u0438\u0435 \u043f\u043b\u0435\u0435\u0440\u0430<\/h3>\r\n      <p>\u0423\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u0435 \u0443\u0434\u043e\u0431\u0441\u0442\u0432\u0430 \u0441\u0430\u0439\u0442\u0430, \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0439 \u0432\u0435\u0440\u0441\u0438\u0438 \u0438 \u0430\u0443\u0434\u0438\u043e\u043f\u043b\u0435\u0435\u0440\u0430 \u0434\u043b\u044f \u0432\u0441\u0435\u0445 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- FOOTER -->\r\n<div class=\"page-footer\">\r\n  \u00a9 \u0410\u0443\u0434\u0438\u043e\u0442\u0435\u043a\u0430 \u2014 <a href=\"https:\/\/audioteka.org\/project\/\">audioteka.org<\/a> &nbsp;\u00b7&nbsp;\r\n  \u0421\u043b\u0443\u0436\u0435\u043d\u0438\u0435 \u0432\u043e \u0421\u043b\u0430\u0432\u0443 \u0411\u043e\u0436\u0438\u044e\r\n<\/div>\r\n\r\n<script>\r\n  let currentAmount = 10;\r\n  let currentFreq = 'once';\r\n\r\n  function setAmount(btn, amount) {\r\n    document.querySelectorAll('.amt-btn:not(.custom)').forEach(b => b.classList.remove('active'));\r\n    document.getElementById('custom-input-row').style.display = 'none';\r\n\r\n    if (amount === 0) {\r\n      document.getElementById('custom-input-row').style.display = 'block';\r\n      btn.classList.add('active');\r\n      document.getElementById('custom-amt').focus();\r\n      document.getElementById('custom-amt').addEventListener('input', function() {\r\n        currentAmount = parseFloat(this.value) || 0;\r\n        updateBtn();\r\n      });\r\n      return;\r\n    }\r\n\r\n    btn.classList.add('active');\r\n    currentAmount = amount;\r\n    updateBtn();\r\n  }\r\n\r\n  function setFreq(btn, freq) {\r\n    document.querySelectorAll('.freq-btn').forEach(b => b.classList.remove('active'));\r\n    btn.classList.add('active');\r\n    currentFreq = freq;\r\n    updateBtn();\r\n  }\r\n\r\n  function updateBtn() {\r\n    const label = currentFreq === 'monthly' ? '\u0432 \u043c\u0435\u0441\u044f\u0446' : '';\r\n    const amtStr = currentAmount > 0 ? `$${currentAmount}` : '';\r\n    const btnEl = document.getElementById('donate-link');\r\n    btnEl.textContent = `\u2665 \u041f\u043e\u0436\u0435\u0440\u0442\u0432\u043e\u0432\u0430\u0442\u044c ${amtStr}${label ? ' ' + label : ''}`;\r\n  }\r\n<\/script>\r\n<\/body>\r\n<\/html><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":59,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-22817","page","type-page","status-publish"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/audioteka.org\/project\/wp-json\/wp\/v2\/pages\/22817","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/audioteka.org\/project\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/audioteka.org\/project\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/audioteka.org\/project\/wp-json\/wp\/v2\/users\/59"}],"replies":[{"embeddable":true,"href":"https:\/\/audioteka.org\/project\/wp-json\/wp\/v2\/comments?post=22817"}],"version-history":[{"count":0,"href":"https:\/\/audioteka.org\/project\/wp-json\/wp\/v2\/pages\/22817\/revisions"}],"wp:attachment":[{"href":"https:\/\/audioteka.org\/project\/wp-json\/wp\/v2\/media?parent=22817"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}