.donation-page{background:radial-gradient(circle at 0 0,#facc151f,#0000 25%),radial-gradient(circle at 100% 0,#7c3aed1f,#0000 25%),#f8fafc;padding:60px 0 90px}.donation-container{gap:30px;display:grid}.donation-hero{text-align:center;max-width:850px;margin:auto}.donation-hero span,.donation-form-card h2,.donation-info-card h2{color:#111827;background:#facc15;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:900;display:inline-flex}.donation-hero h1{color:#0f172a;letter-spacing:-.05em;margin:20px 0 16px;font-size:clamp(38px,5vw,62px);font-weight:950;line-height:1.05}.donation-hero p{color:#64748b;font-size:17px;line-height:1.9}.donation-grid{grid-template-columns:340px minmax(0,1fr);gap:28px;display:grid}.donation-info-card,.donation-form-card,.donation-list-card,.donation-thanks-card,.donation-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #0f172a14;box-shadow:0 20px 60px #0f172a14}.donation-info-card,.donation-form-card,.donation-thanks-card{border-radius:32px;padding:32px}.donation-info-card ul{gap:14px;margin:24px 0;padding:0;list-style:none;display:grid}.donation-info-card li{color:#475569;padding-left:30px;font-weight:700;line-height:1.7;position:relative}.donation-info-card li:before{content:"✓";color:#15803d;background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:900;display:flex;position:absolute;top:2px;left:0}.donation-note{color:#9a3412;background:#fff7ed;border-radius:18px;margin-top:20px;padding:16px;line-height:1.7}.donation-history-link{color:#fff;background:linear-gradient(135deg,#7c3aed,#9333ea);border-radius:18px;justify-content:center;align-items:center;min-height:54px;margin-top:22px;padding:0 24px;font-weight:900;text-decoration:none;transition:all .2s;display:inline-flex}.donation-history-link:hover{transform:translateY(-2px)}.donation-form{gap:18px;display:grid}.amount-options{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.amount-options label{cursor:pointer}.amount-options input{display:none}.amount-options span{border:1px solid #e2e8f0;border-radius:18px;justify-content:center;align-items:center;min-height:58px;font-weight:900;transition:all .2s;display:flex}.amount-options input:checked+span{color:#fff;background:#7c3aed;border-color:#7c3aed}.form-group label{color:#334155;margin-bottom:8px;font-size:14px;font-weight:900;display:block}.form-group input,.form-group textarea{color:#0f172a;background:#fff;border:1px solid #dbe3ef;border-radius:18px;outline:none;width:100%;transition:all .2s}.form-group input{height:54px;padding:0 16px}.form-group textarea{resize:vertical;padding:16px}.form-group input:focus,.form-group textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 4px #7c3aed1f}.public-check{color:#475569;align-items:center;gap:10px;font-weight:700;display:flex}.donation-form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:18px;min-height:58px;font-size:16px;font-weight:900;transition:all .2s;box-shadow:0 18px 40px #7c3aed47}.donation-form button:hover{transform:translateY(-2px)}.donation-thanks-card{text-align:center;max-width:800px;margin:auto}.thanks-details{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px;display:grid}.thanks-details div{background:#f8fafc;border-radius:20px;padding:20px}.thanks-details small{color:#94a3b8;margin-bottom:8px;display:block}.thanks-details strong{color:#0f172a;font-size:18px;font-weight:900}.donation-stats{border-radius:28px;grid-template-columns:repeat(2,1fr);gap:20px;padding:28px;display:grid}.donation-stats div{text-align:center}.donation-stats small{color:#94a3b8;margin-bottom:10px;display:block}.donation-stats strong{color:#0f172a;font-size:30px;font-weight:950}.donation-list-card{border-radius:30px;overflow:hidden}.donation-list-item{border-bottom:1px solid #edf2f7;justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.donation-list-item strong{color:#0f172a;font-weight:900;display:block}.donation-list-item span{color:#64748b;font-size:14px}.empty-donation{text-align:center;color:#94a3b8;padding:40px}@media (width<=992px){.donation-grid,.thanks-details{grid-template-columns:1fr}}@media (width<=640px){.amount-options{grid-template-columns:repeat(2,1fr)}.donation-info-card,.donation-form-card,.donation-thanks-card{border-radius:24px;padding:24px}.donation-list-item{flex-direction:column;align-items:flex-start;gap:10px}}.donation-form-card h2{margin-bottom:24px}.amount-options{margin-top:8px}.donation-history-page{min-height:100vh}.donation-history-hero{text-align:center;max-width:850px;margin:0 auto 26px}.donation-history-hero span{color:#111827;background:#facc15;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:950;display:inline-flex}.donation-history-hero h1{color:#0f172a;letter-spacing:-.06em;margin:18px 0 12px;font-size:clamp(42px,6vw,72px);font-weight:950;line-height:1}.donation-history-hero p{color:#64748b;margin:0;font-size:17px;line-height:1.7}.donation-month-filter{justify-content:flex-end;max-width:980px;margin:0 auto 24px;display:flex}.donation-month-filter label{color:#64748b;margin-bottom:8px;font-size:13px;font-weight:900;display:block}.donation-month-filter select{color:#0f172a;background:#fff;border:1px solid #dbe3ef;border-radius:18px;outline:none;min-width:220px;height:52px;padding:0 16px;font-weight:900;box-shadow:0 12px 30px #0f172a0f}.donation-month-filter select:focus{border-color:#7c3aed;box-shadow:0 0 0 4px #7c3aed1f}.donation-month-stats{grid-template-columns:repeat(2,1fr);gap:18px;max-width:980px;margin:0 auto 28px;display:grid}.donation-month-stats div{text-align:center;background:#ffffffeb;border:1px solid #0f172a14;border-radius:30px;padding:30px;box-shadow:0 20px 60px #0f172a14}.donation-month-stats small{color:#94a3b8;margin-bottom:10px;font-weight:900;display:block}.donation-month-stats strong{color:#0f172a;font-size:32px;font-weight:950}.donation-ranking-card{background:#fff;border:1px solid #0f172a14;border-radius:34px;max-width:980px;margin:0 auto;overflow:hidden;box-shadow:0 24px 70px #0f172a17}.donation-ranking-item{border-bottom:1px solid #edf2f7;justify-content:space-between;align-items:center;gap:18px;padding:22px 28px;display:flex}.donation-ranking-item:last-child{border-bottom:none}.donation-rank-left{align-items:center;gap:16px;display:flex}.donation-rank-number{color:#facc15;background:linear-gradient(135deg,#111827,#4c1d95);border-radius:16px;justify-content:center;align-items:center;width:46px;height:46px;font-size:18px;font-weight:950;display:flex}.donation-rank-left strong{color:#0f172a;font-size:18px;font-weight:950;display:block}.donation-rank-left span{color:#64748b;margin-top:4px;font-size:14px;font-weight:800;display:block}.donation-rank-amount{color:#0f172a;white-space:nowrap;font-size:20px;font-weight:950}@media (width<=640px){.donation-month-stats{grid-template-columns:1fr}.donation-month-filter{justify-content:stretch}.donation-month-filter div,.donation-month-filter select{width:100%}.donation-ranking-item{flex-direction:column;align-items:flex-start}}.donation-secure-note{color:#166534;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:16px;margin-bottom:22px;padding:16px 18px;font-size:15px;font-weight:600;line-height:1.6}.donation-thanks-card{text-align:center;background:#fff;border-radius:24px;max-width:720px;margin:60px auto;padding:42px;box-shadow:0 20px 60px #00000014}.thanks-status{color:#166534;background:#ecfdf5;border-radius:999px;margin-bottom:24px;padding:12px 22px;font-size:18px;font-weight:700;display:inline-block}.thanks-status.pending{color:#b45309;background:#fff7ed}.donation-thanks-card h1{margin-bottom:18px}.thanks-text{color:#6b7280;max-width:560px;margin:0 auto 36px;font-size:16px;line-height:1.8}.thanks-details{border:1px solid #ececec;border-radius:18px;margin-bottom:34px;overflow:hidden}.thanks-row{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.thanks-row:last-child{border-bottom:none}.thanks-row span{color:#6b7280}.status-paid{color:#16a34a}.order-code{letter-spacing:.5px;font-family:monospace}