:root{
  --rc-primary:#524a66;
  --rc-primary-700:#3f3850;
  --rc-accent:#a39bb0;
  --rc-bg:#fbf9fc;
  --rc-surface:#ffffff;
  --rc-surface-glass:rgba(255,255,255,0.62);
  --rc-border:rgba(82,74,102,0.14);
  --rc-text:#1a1824;
  --rc-text-2:#5c5668;
  --rc-ok:#2d7a5f;
  --rc-warn:#b45a2b;
  --rc-shadow:0 10px 30px -12px rgba(26,24,36,0.18);
  --rc-radius:16px;
  --rc-radius-sm:10px;
  --rc-blur:14px;
  --rc-font:'Inter','Segoe UI',system-ui,-apple-system,sans-serif;
  --rc-font-ar:'Noto Sans Arabic','Tajawal',system-ui,sans-serif;
  --rc-sketch:#524a66;
}
:root[data-theme="dark"]{
  --rc-bg:#13111a;
  --rc-surface:#1c1927;
  --rc-surface-glass:rgba(40,36,56,0.55);
  --rc-border:rgba(255,255,255,0.08);
  --rc-text:#ecebf0;
  --rc-text-2:#9b96a8;
  --rc-shadow:0 10px 30px -12px rgba(0,0,0,0.6);
  --rc-sketch:#c7c0d6;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --rc-bg:#13111a;
    --rc-surface:#1c1927;
    --rc-surface-glass:rgba(40,36,56,0.55);
    --rc-border:rgba(255,255,255,0.08);
    --rc-text:#ecebf0;
    --rc-text-2:#9b96a8;
    --rc-shadow:0 10px 30px -12px rgba(0,0,0,0.6);
    --rc-sketch:#c7c0d6;
  }
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--rc-font);
  background:var(--rc-bg);
  color:var(--rc-text);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
html[lang="ar"] body{font-family:var(--rc-font-ar)}
body.rc-noscroll{overflow:hidden}
img{max-width:100%;display:block;height:auto}
a{color:var(--rc-primary);text-decoration:none}
a:hover{color:var(--rc-primary-700);text-decoration:underline}
:focus-visible{outline:2px solid var(--rc-primary);outline-offset:3px;border-radius:4px}
bdi{unicode-bidi:isolate;direction:ltr}

.rc-skip{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.rc-skip:focus{position:fixed;top:12px;left:12px;width:auto;height:auto;padding:10px 16px;background:var(--rc-primary);color:#fff;z-index:1000;border-radius:8px}

.rc-wrap{max-width:1140px;margin:0 auto;padding:0 20px}
@media(max-width:480px){.rc-wrap{padding:0 16px}}

/* bg soft blobs — glassmorph foundation */
.rc-bgdeco{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.rc-bgdeco::before,.rc-bgdeco::after{
  content:"";position:absolute;width:520px;height:520px;border-radius:50%;
  filter:blur(90px);opacity:.42;
}
.rc-bgdeco::before{background:#c9bfe2;top:-180px;left:-120px}
.rc-bgdeco::after{background:#f0d9c7;bottom:-200px;right:-140px}
:root[data-theme="dark"] .rc-bgdeco::before{background:#4a3f6b;opacity:.5}
:root[data-theme="dark"] .rc-bgdeco::after{background:#5a3e36;opacity:.4}

/* header */
.rc-header{
  position:sticky;top:0;z-index:40;
  background:var(--rc-surface-glass);
  backdrop-filter:blur(var(--rc-blur));
  -webkit-backdrop-filter:blur(var(--rc-blur));
  border-bottom:1px solid var(--rc-border);
}
.rc-head-row{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:12px}
.rc-logo{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--rc-text);text-decoration:none;font-size:17px}
.rc-logo:hover{text-decoration:none}
.rc-logo-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--rc-primary),var(--rc-accent));display:grid;place-items:center;color:#fff;font-weight:800;font-size:14px;letter-spacing:.5px}
.rc-logo-ar{font-size:12px;color:var(--rc-text-2);font-family:var(--rc-font-ar);margin-top:2px}
html[lang="ar"] .rc-logo-ar{font-family:var(--rc-font);font-size:12px}
.rc-logo-stack{display:flex;flex-direction:column;line-height:1.1}

.rc-nav{display:flex;gap:22px;align-items:center}
.rc-nav a{color:var(--rc-text-2);font-size:14px;font-weight:500}
.rc-nav a:hover{color:var(--rc-primary)}
.rc-head-actions{display:flex;gap:10px;align-items:center}
.rc-lang{background:transparent;border:1px solid var(--rc-border);padding:7px 12px;border-radius:999px;color:var(--rc-text);font-size:13px;cursor:pointer}
.rc-theme-btn{background:transparent;border:1px solid var(--rc-border);width:36px;height:36px;border-radius:999px;cursor:pointer;color:var(--rc-text);font-size:16px}
.rc-burger{display:none;background:transparent;border:1px solid var(--rc-border);width:40px;height:40px;border-radius:10px;cursor:pointer;color:var(--rc-text);font-size:20px}

@media(max-width:860px){
  .rc-nav{display:none}
  .rc-burger{display:inline-flex;align-items:center;justify-content:center}
}

/* drawer */
.rc-drawer-backdrop{
  position:fixed;inset:0;background:rgba(10,8,20,0.5);
  visibility:hidden;opacity:0;transition:opacity .22s ease,visibility .22s ease;
  z-index:60;
}
.rc-drawer{
  position:fixed;top:0;right:0;height:100vh;width:min(320px,86vw);
  background:var(--rc-surface);border-left:1px solid var(--rc-border);
  transform:translateX(100%);transition:transform .25s ease;
  z-index:61;padding:20px;display:flex;flex-direction:column;gap:8px;
  visibility:hidden;opacity:0;
}
html[dir="rtl"] .rc-drawer{right:auto;left:0;transform:translateX(-100%);border-left:none;border-right:1px solid var(--rc-border)}
body.rc-drawer-open .rc-drawer-backdrop{visibility:visible;opacity:1}
body.rc-drawer-open .rc-drawer{transform:translateX(0);visibility:visible;opacity:1}
.rc-drawer a{padding:12px 10px;border-radius:10px;color:var(--rc-text);font-weight:500}
.rc-drawer a:hover{background:var(--rc-bg);text-decoration:none}
.rc-drawer-close{align-self:flex-end;background:transparent;border:none;color:var(--rc-text);font-size:24px;cursor:pointer;padding:4px 10px}

/* hero */
.rc-hero{padding:72px 0 56px;position:relative}
.rc-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
@media(max-width:860px){.rc-hero-grid{grid-template-columns:1fr;gap:32px}}
.rc-hero h1{font-size:clamp(30px,4.5vw,46px);line-height:1.15;margin:0 0 18px;letter-spacing:-.5px;font-weight:800}
.rc-hero .rc-sketchline{display:inline-block;position:relative}
.rc-hero .rc-sketchline::after{
  content:"";position:absolute;left:-4px;right:-4px;bottom:-6px;height:10px;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 10' preserveAspectRatio='none'><path d='M2 7 C 40 2, 80 9, 120 5 S 200 3, 218 6' stroke='%23a39bb0' stroke-width='2.4' fill='none' stroke-linecap='round'/></svg>") center/100% 100% no-repeat;
}
.rc-hero p.rc-lead{font-size:17px;color:var(--rc-text-2);max-width:52ch;margin:0 0 26px}
.rc-cta-row{display:flex;gap:12px;flex-wrap:wrap}
.rc-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:14px 24px;border-radius:999px;font-weight:600;font-size:15px;
  border:1px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease, background .15s ease;
  min-height:48px;
}
.rc-btn-primary{background:var(--rc-primary);color:#fff}
.rc-btn-primary:hover{background:var(--rc-primary-700);color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:var(--rc-shadow)}
.rc-btn-ghost{background:transparent;color:var(--rc-text);border-color:var(--rc-border)}
.rc-btn-ghost:hover{background:var(--rc-surface-glass);text-decoration:none}

.rc-hero-visual{
  background:var(--rc-surface-glass);backdrop-filter:blur(var(--rc-blur));
  -webkit-backdrop-filter:blur(var(--rc-blur));
  border:1px solid var(--rc-border);border-radius:24px;padding:28px;
  box-shadow:var(--rc-shadow);
  position:relative;
}
.rc-hero-visual h3{margin:0 0 14px;font-size:17px}
.rc-steps-mini{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.rc-steps-mini li{display:flex;gap:12px;align-items:flex-start;padding:12px;background:var(--rc-bg);border-radius:12px;border:1px solid var(--rc-border)}
.rc-steps-mini .rc-sno{width:28px;height:28px;flex:0 0 28px;background:var(--rc-primary);color:#fff;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:13px}

/* section common */
.rc-section{padding:56px 0}
.rc-section h2{font-size:clamp(24px,3.2vw,32px);margin:0 0 10px;letter-spacing:-.3px}
.rc-section .rc-sub{color:var(--rc-text-2);margin:0 0 28px;max-width:60ch}
.rc-eyebrow{display:inline-block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--rc-primary);font-weight:700;margin-bottom:10px}

/* cards grid */
.rc-grid{display:grid;gap:18px}
.rc-grid-3{grid-template-columns:repeat(3,1fr)}
.rc-grid-2{grid-template-columns:repeat(2,1fr)}
.rc-grid-4{grid-template-columns:repeat(4,1fr)}
@media(max-width:860px){.rc-grid-3,.rc-grid-4{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.rc-grid-3,.rc-grid-4,.rc-grid-2{grid-template-columns:1fr}}

.rc-card{
  background:var(--rc-surface-glass);backdrop-filter:blur(var(--rc-blur));
  -webkit-backdrop-filter:blur(var(--rc-blur));
  border:1px solid var(--rc-border);border-radius:var(--rc-radius);
  padding:22px;position:relative;transition:transform .18s ease, box-shadow .18s ease;
}
.rc-card:hover{transform:translateY(-2px);box-shadow:var(--rc-shadow)}
.rc-card h3{margin:0 0 8px;font-size:17px}
.rc-card p{margin:0;color:var(--rc-text-2);font-size:14.5px}
.rc-card .rc-ico{
  width:46px;height:46px;border-radius:12px;background:var(--rc-bg);
  display:grid;place-items:center;margin-bottom:14px;color:var(--rc-primary);
  border:1px solid var(--rc-border);
}

/* preset chips */
.rc-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:8px}
@media(max-width:540px){.rc-amounts{grid-template-columns:repeat(2,1fr)}}
.rc-chip{
  position:relative;display:flex;align-items:center;justify-content:center;
  min-height:52px;padding:10px 12px;border-radius:12px;
  background:var(--rc-surface);border:1px solid var(--rc-border);
  cursor:pointer;font-weight:600;font-size:15px;color:var(--rc-text);
  transition:all .15s ease;
}
.rc-chip input{position:absolute;opacity:0;inset:0;cursor:pointer}
.rc-chip.is-on,.rc-chip:has(input:checked){
  background:var(--rc-primary);color:#fff;border-color:var(--rc-primary);
  box-shadow:0 4px 12px -4px rgba(82,74,102,.5);
}

/* form */
.rc-form{display:grid;gap:16px}
.rc-field{display:grid;gap:6px}
.rc-field label{font-weight:600;font-size:14px}
.rc-field .rc-hint{font-size:12px;color:var(--rc-text-2)}
.rc-field input,.rc-field select{
  padding:12px 14px;border-radius:12px;border:1px solid var(--rc-border);
  background:var(--rc-surface);color:var(--rc-text);font:inherit;font-size:15px;
  min-height:46px;transition:border-color .15s ease;
}
.rc-field input[dir="ltr"],.rc-field input[type="tel"],.rc-field input[type="email"],.rc-field input[inputmode="numeric"]{
  direction:ltr;text-align:left;
}
html[dir="rtl"] .rc-field input[dir="ltr"]{text-align:right}
.rc-field input:focus,.rc-field select:focus{outline:none;border-color:var(--rc-primary)}
.rc-field select:disabled,.rc-field input:disabled{opacity:.6;cursor:not-allowed}
.rc-row-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:540px){.rc-row-2{grid-template-columns:1fr}}
.rc-form .rc-step{
  background:var(--rc-surface-glass);backdrop-filter:blur(var(--rc-blur));
  -webkit-backdrop-filter:blur(var(--rc-blur));
  border:1px solid var(--rc-border);border-radius:var(--rc-radius);padding:22px;
}
.rc-step-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.rc-step-no{width:30px;height:30px;border-radius:50%;background:var(--rc-primary);color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px}
.rc-step-head h3{margin:0;font-size:17px}
.rc-honey{position:absolute !important;left:-9999px !important;top:auto !important;width:1px;height:1px;overflow:hidden}

/* progress */
.rc-steps-bar{display:flex;gap:8px;margin:0 0 22px;flex-wrap:wrap}
.rc-steps-bar div{
  flex:1 1 150px;padding:10px 14px;border-radius:10px;background:var(--rc-surface);
  border:1px solid var(--rc-border);font-size:13px;color:var(--rc-text-2);display:flex;gap:8px;align-items:center;
}
.rc-steps-bar div.is-on{background:var(--rc-primary);color:#fff;border-color:var(--rc-primary)}
.rc-steps-bar .rc-n{width:22px;height:22px;border-radius:50%;background:var(--rc-bg);color:var(--rc-primary);display:grid;place-items:center;font-weight:700;font-size:12px}
.rc-steps-bar div.is-on .rc-n{background:rgba(255,255,255,.25);color:#fff}

/* faq */
.rc-faq details{
  background:var(--rc-surface-glass);backdrop-filter:blur(var(--rc-blur));
  -webkit-backdrop-filter:blur(var(--rc-blur));
  border:1px solid var(--rc-border);border-radius:14px;padding:16px 20px;margin-bottom:10px;
}
.rc-faq summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:14px;align-items:center}
.rc-faq summary::-webkit-details-marker{display:none}
.rc-faq summary::after{content:"+";font-size:22px;color:var(--rc-primary);font-weight:400}
.rc-faq details[open] summary::after{content:"−"}
.rc-faq details p{margin:12px 0 0;color:var(--rc-text-2)}

/* footer */
.rc-footer{margin-top:60px;padding:48px 0 24px;border-top:1px solid var(--rc-border);background:var(--rc-surface-glass);backdrop-filter:blur(var(--rc-blur))}
.rc-foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;margin-bottom:30px}
@media(max-width:860px){.rc-foot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.rc-foot-grid{grid-template-columns:1fr}}
.rc-foot-grid h4{margin:0 0 12px;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--rc-text-2)}
.rc-foot-grid ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.rc-foot-grid a{color:var(--rc-text);font-size:14px}
.rc-disclaim{font-size:12.5px;color:var(--rc-text-2);padding-top:20px;border-top:1px solid var(--rc-border);line-height:1.6}
.rc-pay-icons{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.rc-pay-icons span{padding:5px 12px;border:1px solid var(--rc-border);border-radius:6px;font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--rc-text-2);background:var(--rc-surface)}

/* whatsapp float */
.rc-wa{
  position:fixed;bottom:22px;right:22px;z-index:50;
  width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;
  display:grid;place-items:center;box-shadow:var(--rc-shadow);
  font-weight:700;font-size:24px;
}
html[dir="rtl"] .rc-wa{right:auto;left:22px}
.rc-wa:hover{color:#fff;text-decoration:none;transform:scale(1.05)}

/* thanks modal */
.rc-modal-bd{position:fixed;inset:0;background:rgba(10,8,20,.6);display:none;align-items:center;justify-content:center;z-index:80;padding:20px}
.rc-modal-bd.is-on{display:flex}
.rc-modal{background:var(--rc-surface);border-radius:20px;padding:34px;max-width:460px;width:100%;text-align:center;border:1px solid var(--rc-border)}
.rc-modal h3{margin:0 0 10px;font-size:22px}
.rc-modal p{color:var(--rc-text-2);margin:0 0 20px}
.rc-check{width:62px;height:62px;border-radius:50%;background:var(--rc-ok);color:#fff;margin:0 auto 16px;display:grid;place-items:center;font-size:30px}

/* redirect overlay */
.rc-overlay{position:fixed;inset:0;background:var(--rc-bg);display:none;align-items:center;justify-content:center;z-index:90}
.rc-overlay.is-on{display:flex}
.rc-spinner{width:46px;height:46px;border:4px solid var(--rc-border);border-top-color:var(--rc-primary);border-radius:50%;animation:rc-spin 1s linear infinite}
@keyframes rc-spin{to{transform:rotate(360deg)}}

/* small text pages */
.rc-prose{max-width:760px;margin:0 auto}
.rc-prose h2{margin-top:34px}
.rc-prose p,.rc-prose li{color:var(--rc-text-2)}
.rc-prose ul{padding-left:22px}
html[dir="rtl"] .rc-prose ul{padding-left:0;padding-right:22px}

/* 404 */
.rc-404{text-align:center;padding:80px 20px}
.rc-404 h1{font-size:72px;margin:0 0 10px;color:var(--rc-primary)}

/* reduce motion */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;transition-duration:.001ms !important}
}
