@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700&display=swap";:root{--primary:#2da1c8;--primary-hover:#2589aa;--accent:#fc0;--text:#2d3436;--bg:#f4f7f9;--card-bg:#fff;--success:#27ae60;--error:#e74c3c;--muted:#636e72}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);direction:rtl;justify-content:center;align-items:center;min-height:100vh;font-family:Tajawal,sans-serif;line-height:1.6;display:flex}.card{background:var(--card-bg);text-align:center;border-radius:1.25rem;width:100%;max-width:440px;padding:2.5rem;transition:transform .3s;box-shadow:0 12px 40px #00000014}.logo{color:var(--primary);letter-spacing:-1px;margin-bottom:1.5rem;font-size:2.5rem;font-weight:700}.title{color:var(--text);margin-bottom:2rem;font-size:1.25rem}.details-box{background:#f8f9fa;border:1px solid #edf2f7;border-radius:.75rem;margin-bottom:2rem;padding:1.5rem}.details-label{color:var(--muted);margin-bottom:.5rem;font-size:.9rem}.amount{color:var(--primary);font-size:2rem;font-weight:700}.btn{cursor:pointer;border:none;border-radius:.75rem;width:100%;padding:1rem;font-family:inherit;font-size:1.1rem;font-weight:700;transition:all .2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px)}.btn-success{background:var(--success);color:#fff;text-decoration:none;display:inline-block}.status-msg{color:var(--muted);margin-top:1.5rem;font-size:.95rem}.loading-spinner{border:3px solid #f3f3f3;border-top:3px solid var(--primary);vertical-align:middle;border-radius:50%;width:24px;height:24px;margin-left:10px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:.5s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.success-icon{color:var(--success);margin-bottom:1.5rem;font-size:5rem}