/* Paste your full CSS from original file here */
:root{--accent-green:#2b8a6a;--accent-saffron:#ff8a00}
body{margin:0;background:#f7faf9;color:#0f172a}
#rpf-root{padding:18px 0 140px}
.rpf-container{max-width:1200px;margin:0 auto;padding:12px 18px}
.rpf-header{background:linear-gradient(90deg,#0f172a,#2b8a6a);color:#fff;padding:28px 20px;border-radius:12px;display:flex;align-items:center;gap:14px;justify-content:space-between;box-shadow:0 8px 30px rgba(0,0,0,0.08);overflow:visible}
.rpf-header-left{display:flex;align-items:center;gap:14px}
.rpf-logo-wrap{width:240px;height:140px;display:flex;align-items:center;justify-content:center}
.rpf-logo-wrap img{max-width:100%;max-height:100%;object-fit:contain}
.rpf-title{display:flex;flex-direction:column;gap:4px}
.rpf-title h1{font-weight:700;font-size:42px;color:var(--accent-saffron);margin:0}
.rpf-title p{font-size:16px;font-weight:600;color:rgba(255,255,255,0.96);margin:0}
.rpf-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:18px}
.rpf-card{background:#fff;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,0.06);padding:14px;display:flex;flex-direction:column;min-height:360px;position:relative;overflow:hidden}
.rpf-img{height:220px;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f3f4f6}
.rpf-img img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}
.rpf-card h3{font-size:18px;margin:12px 0 6px;color:#1f2937}
.rpf-card p{font-size:14px;color:#374151;margin:0 0 8px}
.rpf-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto}
.rpf-donate-btn{background:var(--accent-green);color:#fff;padding:10px 14px;border-radius:8px;border:0;cursor:pointer;font-weight:700}
.rpf-share-btn{background:#25D366;color:#fff;padding:10px 12px;border-radius:8px;border:0;cursor:pointer;font-weight:700;display:flex;align-items:center;gap:8px}
.rpf-share-count{font-size:13px;color:#374151;margin-left:8px}
.rpf-progress{width:100%;height:8px;background:#eef2f6;border-radius:6px;overflow:hidden;margin-top:8px}
.rpf-progress-fill{height:100%;width:0%;background:var(--accent-green);transition:width .6s}
.rpf-form{background:#fff;padding:18px;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,0.06);margin-top:18px}
.rpf-form .grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.rpf-form label{font-weight:600;font-size:13px;display:block;margin-bottom:6px}
.rpf-form input,.rpf-form textarea,.rpf-form select{width:100%;padding:10px;border-radius:8px;border:1px solid #e6e9ee;font-size:14px}
.rpf-req{color:#d0393e;margin-left:6px;font-weight:700;font-size:13px}
.rpf-donor-wall{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #eee;padding:8px 12px;z-index:9999;overflow:hidden}
.rpf-donor-scroller{display:inline-block;white-space:nowrap;animation:scroll 30s linear infinite}
.rpf-donor-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:#f3f4f6;border-radius:999px;margin-right:10px}
.rpf-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}
@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}
@media(max-width:720px){.rpf-title h1{font-size:26px}.rpf-logo-wrap{width:140px;height:90px}}
/* small */
.admin-edit{font-size:12px;color:#0f172a;background:#fff3e0;padding:6px;border-radius:6px;border:1px dashed #ffd39b;cursor:pointer}
.hidden{display:none}
/* camera */
.camera-preview{width:160px;height:160px;border-radius:999px;overflow:hidden;border:4px solid rgba(0,0,0,0.06);background:#fafafa;display:flex;align-items:center;justify-content:center}
.small-muted{font-size:13px;color:#666}
.share-platforms{display:flex;gap:10px;flex-wrap:wrap}
.share-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;border:0;cursor:pointer}
.form-debug{font-size:13px;color:#b91c1c;margin-top:10px}