*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',sans-serif;font-size:16px;min-height:100vh}
.sky-bg{position:fixed;inset:0;background:linear-gradient(180deg,#bfdbfe 0%,#e0f2fe 45%,#f0f9ff 100%);z-index:-1}
.page-wrapper{max-width:680px;margin:0 auto;padding:36px 16px 64px;display:flex;flex-direction:column;gap:24px}
.card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 4px 32px rgba(30,64,175,.10);border:1.5px solid rgba(147,197,253,.35)}
.logo-wrap{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}
.cloud{font-size:22px;margin-bottom:6px}
.avatar{width:90px;height:90px;border-radius:12px;object-fit:cover;border:3px solid #bfdbfe;box-shadow:0 2px 14px rgba(59,130,246,.18)}
.title{font-size:2rem;font-weight:700;color:#1e3a5f;text-align:center;margin-bottom:10px}
.desc{text-align:center;color:#64748b;font-size:.95rem;line-height:1.65;margin-bottom:28px}
.field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}
.field label{font-weight:600;color:#374151;font-size:.95rem;text-align:center}
.star{color:#3b82f6}
.inp{width:100%;padding:13px 16px;border:1.5px solid #cbd5e1;border-radius:10px;font-size:1rem;font-family:'Inter',sans-serif;color:#1e293b;outline:none;transition:border-color .2s;text-align:center}
.inp:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}
.inp::placeholder{color:#94a3b8}
.ta{resize:vertical;min-height:100px;text-align:left}
.hint{font-size:.82rem;color:#94a3b8;text-align:center;background:#f8fafc;padding:5px 10px;border-radius:6px}
.amt-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.amt{padding:11px 4px;border:1.5px solid #cbd5e1;border-radius:8px;background:#fff;font-size:.95rem;font-weight:600;color:#374151;cursor:pointer;transition:all .15s}
.amt:hover{border-color:#3b82f6;color:#3b82f6}
.amt.on{background:#3b82f6;border-color:#3b82f6;color:#fff;box-shadow:0 2px 8px rgba(59,130,246,.28)}
.upbox{border:2px dashed #cbd5e1;border-radius:10px;padding:22px 16px;text-align:center;cursor:pointer;background:#f8fafc;transition:.2s}
.upbox:hover{border-color:#3b82f6;background:#eff6ff}
.anon{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1.5px solid #cbd5e1;border-radius:10px;cursor:pointer;font-size:.94rem;color:#374151;margin-bottom:20px;transition:.2s}
.anon:hover{border-color:#3b82f6}
.anon input{width:18px;height:18px;accent-color:#3b82f6;flex-shrink:0}
.dbtn{width:100%;padding:16px;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;font-family:'Inter',sans-serif;cursor:pointer;transition:.2s;box-shadow:0 4px 14px rgba(99,102,241,.35)}
.dbtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(99,102,241,.45)}
.sec-row{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:22px;padding-top:20px;border-top:1px dashed #e2e8f0;font-size:.85rem;color:#64748b}
.sbadge{background:#f0fdf4;border:1px solid #86efac;color:#16a34a;padding:3px 10px;border-radius:20px;font-size:.78rem;font-weight:500}
.donors-title{font-size:1.5rem;font-weight:700;color:#1e3a5f;text-align:center;margin-bottom:24px}
.di{border:1.5px solid #e2e8f0;border-radius:14px;padding:20px;margin-bottom:14px;background:#f8fafc;text-align:center}
.dav{width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;box-shadow:0 2px 8px rgba(99,102,241,.25)}
.dn{font-weight:700;color:#1e293b;font-size:1rem;margin-bottom:2px}
.da{color:#3b82f6;font-weight:700;font-size:1.05rem;margin-bottom:2px}
.dt{color:#94a3b8;font-size:.82rem;margin-bottom:0}
.dm{margin-top:10px;padding:10px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;color:#374151;font-style:italic}
.lmbtn{display:block;margin:8px auto 0;padding:10px 32px;border:1.5px solid #3b82f6;border-radius:8px;background:#fff;color:#3b82f6;font-weight:600;font-family:'Inter',sans-serif;cursor:pointer;transition:.2s}
.lmbtn:hover{background:#3b82f6;color:#fff}
@media(max-width:640px){.card{padding:28px 20px}.title{font-size:1.65rem}.amt-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:380px){.amt-grid{grid-template-columns:repeat(2,1fr)}}