:root{--bg: #f5c400;--card: rgba(255,255,255,.28);--card-inner: rgba(255,255,255,.92);--border: rgba(0,0,0,.1);--text: #0f172a;--muted: rgba(15,23,42,.7);--field: #ffffff;--field-border: rgba(0,0,0,.16);--shadow: 0 18px 48px rgba(0,0,0,.18);--shadow-soft: 0 10px 22px rgba(0,0,0,.1);--r-lg: 22px;--r-md: 14px;--primary: #b0197a;--primary-hover: #971067;--accent: rgba(11, 88, 255, .1);--accent-border: rgba(11, 88, 255, .55)}html,body{width:100%;max-width:100%;overflow-x:hidden;overscroll-behavior-x:none;touch-action:pan-y}.donarPage,.donarPage *{box-sizing:border-box}.donarPage,.donarPage *{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.donarPage{min-height:100vh;width:100vw;max-width:100%;overflow-x:hidden;background:radial-gradient(900px 520px at 50% 0%,#ffffff38,#fff0),radial-gradient(700px 480px at 10% 20%,#ffffff29,#fff0),var(--bg);display:flex;justify-content:center;padding:max(22px,env(safe-area-inset-top)) 14px max(22px,env(safe-area-inset-bottom))}.donarCard{width:min(560px,100%);background:var(--card);border:1px solid rgba(255,255,255,.35);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:14px;backdrop-filter:blur(7px);min-width:0}.donarHeader,.payment{background:var(--card-inner);border:1px solid var(--border);border-radius:18px}.donarHeader{text-align:center;padding:16px 14px 14px;margin-bottom:12px}.headerLogoRow{display:flex;align-items:center;justify-content:center;margin-bottom:10px}.headerLogo{width:min(360px,92%);height:auto;display:block;filter:drop-shadow(0 12px 18px rgba(0,0,0,.18))}.donarHeader h1{margin:0;font-size:24px;line-height:1.15;font-weight:950;color:var(--text);letter-spacing:-.2px}.donarHeader p{margin:10px 0;font-size:14px;color:var(--muted);font-weight:650}.donarHeader .tdc{width:165px;max-width:80%;margin:0 auto;display:block}.payment{padding:14px}.payment fieldset{border:0;padding:0;margin:0}.input-text{margin-top:10px}.input-text label,.input-group label{display:block;margin:0 0 6px;font-size:12px;font-weight:900;color:#0f172abf;letter-spacing:.08em;text-transform:uppercase}.input-text input,.input-group input{width:100%;background:var(--field);border:2px solid var(--field-border);border-radius:var(--r-md);padding:12px 14px;font-size:16px;font-weight:800;color:var(--text);outline:none;box-shadow:0 1px #0000000d;transition:box-shadow .15s ease,border-color .15s ease;min-width:0}.input-text input:focus,.input-group input:focus{border-color:#0b58ff8c;box-shadow:0 0 0 5px #0b58ff24}.input-text input:focus-visible,.input-group input:focus-visible{outline:2px solid rgba(11,88,255,.35);outline-offset:2px}.triple{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}.error-message{display:block;margin-top:6px;font-size:12px;font-weight:800;color:#b00020}.input-text.error input,.input-group.error input{border-color:#b000208c;box-shadow:0 0 0 5px #b000201a}.amountBlock{margin-top:16px}.amountTitle{text-align:center;margin:10px 0 12px;font-size:12px;font-weight:950;color:#0f172ab3;letter-spacing:.1em;text-transform:uppercase}.amountGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}.amountBtn{width:100%;max-width:100%;background:#fff;border:2px solid rgba(0,0,0,.14);border-radius:18px;padding:14px 12px;text-align:center;cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .08s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease;overflow:hidden;font-size:26px;font-weight:950;line-height:1.05;color:var(--text);min-width:0}.amountBtn:hover{transform:translateY(-1px);box-shadow:0 16px 30px #0000001f}.amountBtn span{display:block;margin-top:6px;font-size:12px;font-weight:900;color:#0f172a9e}.amountBtn.selected{background:var(--accent);border-color:var(--accent-border);box-shadow:0 18px 34px #0b58ff2e}.amountBtn.other{font-size:16px;font-weight:950}.customWrap{margin-top:12px;padding:12px;border-radius:18px;background:#f5c40033;border:2px solid rgba(0,0,0,.08)}.customRow{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:#fff;border:2px solid rgba(0,0,0,.12);min-width:0}.customRow span{font-weight:950;color:#0f172aa6;white-space:nowrap}.customRow input{width:100%;border:none;outline:none;background:transparent;font-size:18px;font-weight:950;color:var(--text);min-width:0}.slider{width:100%;margin:12px 0 4px}.customWrap small{display:block;margin-top:4px;font-size:12px;font-weight:800;color:#0f172ab3}.cta{width:100%;margin-top:16px;padding:14px;border-radius:18px;border:none;background:var(--primary);color:#fff;font-weight:950;font-size:16px;cursor:pointer;box-shadow:0 18px 40px #b0197a42;transition:transform .08s ease,background .15s ease}.cta:hover{background:var(--primary-hover)}.cta:active{transform:scale(.99)}.ctaSecondary{width:100%;margin-top:10px;padding:13px 14px;border-radius:18px;border:2px solid rgba(0,0,0,.14);background:#ffffffa6;color:var(--text);font-weight:900;cursor:pointer}.ctaTest{width:100%;margin-top:10px;padding:12px 14px;border-radius:18px;border:2px dashed rgba(0,0,0,.18);background:#ffffff8c;color:#0f172ad9;font-weight:900;cursor:pointer}.ctaTest:hover{background:#ffffffbf}.via{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px;padding-top:12px;border-top:1px dashed rgba(0,0,0,.16)}.via p{margin:0;font-size:13px;font-weight:850;color:#0f172ab3}@media (max-width: 420px){.donarHeader h1{font-size:22px}.amountBtn{font-size:24px}.donarCard,.payment{padding:12px}}@media (max-width: 560px){.triple{grid-template-columns:1fr}.amountGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.amountBtn{padding:13px 10px;border-radius:16px;font-size:22px}.amountBtn span{font-size:11px}}@media (max-width: 340px){.amountGrid{grid-template-columns:1fr}}body.modal-open{overflow:hidden}.modalOverlay{position:fixed;inset:0;background:#0206179e;display:flex;align-items:center;justify-content:center;padding:16px;z-index:99999}.modalBox{width:min(740px,100%);max-height:86vh;background:#fffffffa;border-radius:20px;box-shadow:0 24px 80px #00000059;border:1px solid rgba(0,0,0,.1);overflow:hidden;display:flex;flex-direction:column}.modalHeader{position:sticky;top:0;z-index:2;background:#fff;padding:14px 16px;border-bottom:1px solid rgba(15,23,42,.1);display:flex;align-items:center;justify-content:space-between;gap:12px}.modalHeader h2{margin:0;font-size:16px;line-height:1.2;font-weight:950;color:var(--text)}.modalHeader p{margin:2px 0 0;font-size:12px;font-weight:750;color:var(--muted)}.modalClose{border:0;background:#0206170f;width:40px;height:40px;border-radius:14px;cursor:pointer;font-size:22px;line-height:40px;font-weight:900;color:#0f172ad9}.modalClose:hover{background:#0206171a}.modalBody{padding:16px;overflow:auto}.modalGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (max-width: 560px){.modalBox{max-height:90vh}.modalGrid{grid-template-columns:1fr}}.modalField label{display:block;margin:0 0 6px;font-size:12px;font-weight:900;color:#0f172abf;letter-spacing:.08em;text-transform:uppercase}.modalField input,.modalField select,.modalField textarea{width:100%;background:var(--field);border:2px solid var(--field-border);border-radius:var(--r-md);padding:12px 14px;font-size:16px;font-weight:800;color:var(--text);outline:none;box-shadow:0 1px #0000000d;min-width:0}.modalField input:focus,.modalField select:focus,.modalField textarea:focus{border-color:#0b58ff8c;box-shadow:0 0 0 5px #0b58ff24}.modalSpan2{grid-column:span 2}@media (max-width: 560px){.modalSpan2{grid-column:span 1}}.modalFooter{position:sticky;bottom:0;z-index:2;background:#fff;padding:14px 16px;border-top:1px solid rgba(15,23,42,.1);display:flex;gap:10px;justify-content:flex-end}.modalBtn{border:0;border-radius:16px;padding:12px 14px;font-weight:950;cursor:pointer}.modalBtnPrimary{background:var(--primary);color:#fff;box-shadow:0 16px 34px #b0197a38}.modalBtnPrimary:hover{background:var(--primary-hover)}.modalBtnGhost{background:#0206170f;color:#0f172adb}.modalBtnGhost:hover{background:#0206171a}.modal-overlay{position:fixed;inset:0;background:#0206179e;display:flex;justify-content:center;align-items:flex-start;padding:16px;z-index:99999;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.modal{width:min(740px,100%);max-width:740px;max-height:none;background:#fffffffa;border-radius:20px;box-shadow:0 24px 80px #00000059;border:1px solid rgba(0,0,0,.1);overflow:hidden;display:flex;flex-direction:column;margin:auto 0;box-sizing:border-box}.modal-head{position:sticky;top:0;z-index:2;background:#fff;padding:12px 14px;border-bottom:1px solid rgba(15,23,42,.1);display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-logo{height:240px;width:auto;display:block;filter:drop-shadow(0 6px 12px rgba(0,0,0,.15))}.modal-x{border:0;background:#0206170f;width:40px;height:40px;border-radius:14px;cursor:pointer;font-size:22px;line-height:40px;font-weight:900;color:#0f172ad9}.modal-x:hover{background:#0206171a}.modal-body{padding:16px;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.modal h2{margin:0 0 8px;font-size:16px;line-height:1.25;font-weight:950;color:var(--text)}.modal h2 span{color:var(--primary)}.modal p{margin:0 0 12px;font-size:13px;font-weight:750;color:var(--muted)}.modal label{display:block;margin:10px 0 6px;font-size:12px;font-weight:900;color:#0f172abf;letter-spacing:.08em;text-transform:uppercase}.modal input{width:100%;max-width:100%;background:var(--field);border:2px solid var(--field-border);border-radius:var(--r-md);padding:12px 14px;font-size:16px;font-weight:800;color:var(--text);outline:none;min-width:0;box-sizing:border-box}.modal input:focus{border-color:#0b58ff8c;box-shadow:0 0 0 5px #0b58ff24}.city-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:6px}@media (max-width: 560px){.modal{width:100%;max-width:100%}.city-fields{grid-template-columns:1fr}}.modal-buttons{position:sticky;bottom:0;z-index:2;background:#fff;padding:14px 0 0;margin-top:14px;display:flex;gap:10px;justify-content:flex-end;border-top:1px solid rgba(15,23,42,.1)}.modal-buttons button{border:0;border-radius:16px;padding:12px 14px;font-weight:950;cursor:pointer}.modal-buttons .btn-primary{background:var(--primary);color:#fff;box-shadow:0 16px 34px #b0197a38}.modal-buttons .btn-primary:hover{background:var(--primary-hover)}.modal-buttons .btn-ghost{background:#0206170f;color:#0f172adb}.modal-buttons .btn-ghost:hover{background:#0206171a}@media (max-width: 420px){.modal-overlay{padding:10px;justify-content:center;align-items:flex-start;overflow-y:auto;overflow-x:hidden}.modal{width:100%;max-width:100%;border-radius:18px;margin:0}.modal-head{padding:10px 12px}.modal-logo{height:30px}.modal-x{width:38px;height:38px;border-radius:12px;font-size:22px;line-height:38px}.modal-body{padding:12px}.modal h2{font-size:14px}.modal p{font-size:12px;margin-bottom:10px}.modal label{margin:8px 0 6px;font-size:11px}.modal input{padding:12px;font-size:16px}.city-fields{grid-template-columns:1fr;gap:10px}.modal-buttons{flex-direction:column-reverse;gap:10px;padding-top:12px}.modal-buttons button{width:100%;padding:13px 14px;border-radius:18px}}@media (prefers-reduced-motion: reduce){*{transition:none!important}}@media (max-width: 480px){.donarPage{padding:18px 18px 26px}.donarCard{max-width:420px;margin:0 auto;padding:12px}.donarHeader,.payment{border-radius:16px}}.modal-head{padding:10px 14px;display:flex;align-items:center;justify-content:center;position:sticky;top:0;background:#fff}.modal-x{position:absolute;right:12px;top:10px}.modal-logo{height:145px;width:auto;display:block;transform:scale(1.35);transform-origin:center;filter:drop-shadow(0 6px 12px rgba(0,0,0,.14))}@media (max-width: 420px){.modal-head{padding:8px 12px}.modal-x{right:10px;top:8px}.modal-logo{transform:scale(1.45)}}