:root{--brand:#8f1624;--brand-strong:#6f101c;--ink:#111319;--muted:#667085;--line:#e4e7ec;--paper:#fff;--wash:#f5f6f8;--success:#177245;--warning:#b54708}*{box-sizing:border-box}body{margin:0;background:var(--wash);color:var(--ink);font-family:Inter,"IBM Plex Sans Arabic",Arial,sans-serif;line-height:1.8}.legal-header{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px clamp(20px,5vw,72px);background:var(--paper);border-bottom:1px solid var(--line)}.legal-header img{display:block;width:min(220px,48vw);height:auto}.language-link,.legal-back{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 18px;border:1px solid var(--line);border-radius:999px;color:var(--ink);font-weight:700;text-decoration:none}.legal-card{width:min(920px,calc(100% - 32px));margin:48px auto;padding:clamp(26px,5vw,64px);background:var(--paper);border:1px solid var(--line);border-radius:28px;box-shadow:0 24px 70px rgba(15,23,42,.08)}.legal-kicker{margin:0;color:var(--brand);font:800 13px/1.4 Inter,sans-serif;letter-spacing:.14em}.legal-card h1{margin:10px 0 0;font-family:Alexandria,"IBM Plex Sans Arabic",Inter,sans-serif;font-size:clamp(32px,5vw,58px);line-height:1.2}.legal-updated{color:var(--muted);margin:8px 0 36px}.legal-card section{padding:24px 0;border-top:1px solid var(--line)}.legal-card h2{margin:0 0 8px;font-family:Alexandria,"IBM Plex Sans Arabic",Inter,sans-serif;font-size:clamp(19px,2.2vw,25px);line-height:1.45}.legal-card p{margin:0;color:#394150}.legal-back{margin-top:30px;background:var(--brand);border-color:var(--brand);color:#fff}.legal-back:hover{background:var(--brand-strong)}.payment-result-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 12% 8%,rgba(143,22,36,.09),transparent 30%),linear-gradient(145deg,#f8f5f5,#f4f6f8)}.payment-result{width:min(680px,100%);padding:clamp(28px,6vw,60px);text-align:center;background:rgba(255,255,255,.97);border:1px solid rgba(143,22,36,.13);border-radius:30px;box-shadow:0 28px 90px rgba(17,19,25,.12)}.payment-brand{display:inline-flex;margin-bottom:28px}.payment-brand img{display:block;width:min(230px,58vw);height:auto}.payment-status-icon{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 22px;border-radius:50%;background:#fcebed;color:var(--brand);font:800 38px/1 Inter,sans-serif}.is-success .payment-status-icon{background:#e9f7ef;color:var(--success)}.is-declined .payment-status-icon{background:#fff2e7;color:var(--warning)}.payment-kicker{margin:0 0 9px;color:var(--brand);font:800 12px/1.4 Inter,sans-serif;letter-spacing:.16em}.payment-result h1{margin:0;font-family:Alexandria,"IBM Plex Sans Arabic",Inter,sans-serif;font-size:clamp(30px,6vw,48px);line-height:1.25}.payment-lead{max-width:560px;margin:15px auto 0;color:#475467;font-size:clamp(16px,2.4vw,19px)}.payment-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:30px 0 0;text-align:start}.payment-summary div{padding:15px 17px;background:#fafafa;border:1px solid var(--line);border-radius:14px}.payment-summary dt{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.payment-summary dd{margin:2px 0 0;font-weight:800;overflow-wrap:anywhere}.payment-reference{display:inline-block;margin:24px 0 0;padding:10px 16px;border-radius:12px;background:#f7f7f8}.payment-redirect-note{margin:22px 0 0;color:var(--muted);font-size:14px}.payment-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px}.payment-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 22px;border-radius:12px;font-weight:800;text-decoration:none}.payment-primary{background:var(--brand);color:#fff}.payment-primary:hover{background:var(--brand-strong)}.payment-secondary{border:1px solid var(--line);color:var(--ink);background:#fff}@media(max-width:600px){.legal-header{min-height:68px}.legal-card{margin:20px auto;border-radius:20px}.legal-card section{padding:20px 0}.payment-result-page{padding:14px}.payment-result{border-radius:22px}.payment-summary{grid-template-columns:1fr}.payment-actions{flex-direction:column}.payment-actions a{width:100%}}
