.about-wrapper { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-top: 20px; }
@media (max-width: 768px) { .about-wrapper { grid-template-columns: 1fr; } }
.about-card { background: #1f1f1f; padding: 35px; border-radius: 12px; box-shadow: 0 8px 20px rgba(0,0,0,0.4); border: 1px solid #2a2a2a; }
.dev-title { color: #ff6900; margin-top: 25px; margin-bottom: 5px; font-size: 18px; }
.dev-name { color: #fff; font-size: 22px; font-weight: bold; margin-bottom: 2px; }
.dev-role { color: #888; font-size: 14px; font-style: italic; }
.donate-card { background: linear-gradient(145deg, #1a1a1a 0%, #121212 100%); border-top: 4px solid #118EEA; }
.dana-box { margin-top: 25px; background-color: #111; border-radius: 10px; padding: 20px; border: 1px solid #333; text-align: center; }
.dana-header { display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 15px; }
.dana-logo { background-color: #118EEA; color: #fff; font-weight: 900; font-style: italic; padding: 4px 12px; border-radius: 4px; font-size: 16px; }
.dana-number { font-size: 32px; font-weight: bold; color: #118EEA; letter-spacing: 2px; margin-bottom: 10px; user-select: all; }