/* صفحة التسجيل — تستخدم نفس هيدر وفوتر وألوان الصفحات العامة (home.css) */
.wrap{width:min(46rem,92%);margin:0 auto;padding:130px 0 3rem;text-align:center}
.wrap h1{font-size:clamp(28px,4vw,40px);font-weight:800;line-height:1.4;color:var(--ink)}
.wrap h1::after{content:"";display:block;width:3.2rem;height:4px;border-radius:2px;background:var(--p);margin:.5rem auto 0}
.lead{margin:1rem 0 1.75rem;color:var(--mu);font-size:1rem;line-height:1.9}
[hidden]{display:none!important}
.hp{position:absolute;top:0;left:0;width:1px;height:1px;opacity:0;pointer-events:none}
.box{display:grid;grid-template-columns:1fr 1fr;gap:1rem;text-align:start;background:var(--card);border:1px solid var(--ln);border-radius:20px;padding:1.75rem;box-shadow:var(--sh)}
.box.narrow{max-width:26rem;margin:0 auto;display:block}
.box.center{text-align:center}
.f{display:block}
.f.full{grid-column:1/-1}
.l{display:block;margin-bottom:.4rem;font-size:.95rem;font-weight:400;color:#212529}
.l small{font-weight:400}
.f input,.f select,.otp{width:100%;height:3.1rem;padding:0 .9rem;border:1px solid #dee2e6;border-radius:.375rem;background:#fff;font:400 1rem var(--font);color:#212529;outline:0;transition:border-color .15s,box-shadow .15s}
.f input:focus,.f select:focus,.ph-in:focus-within,.otp:focus{border-color:var(--p);box-shadow:0 0 0 3px rgba(21,101,216,.14)}
.ph-in{display:flex;border:1px solid #dee2e6;border-radius:.375rem;overflow:hidden;background:#fff;transition:border-color .15s,box-shadow .15s}
.ph-in select{flex:0 0 5.2rem;width:5.2rem;border:0;border-radius:0;border-inline-end:1px solid #dee2e6;background:var(--bg);padding:0 .4rem;cursor:pointer}
.ph-in input{border:0;border-radius:0;box-shadow:none!important;flex:1;min-width:0}
.f.bad input,.f.bad .ph-in{border-color:#c4303a}
.em{display:none;margin-top:.3rem;font-size:.8rem;color:#c4303a}
.f.bad .em{display:block}
.otp{height:3.2rem;text-align:center;font-size:1.6rem;letter-spacing:.5rem;font-weight:700}
.formerr{display:none;grid-column:1/-1;margin:.25rem 0 0;padding:.6rem .85rem;border-radius:12px;background:#fdecee;color:#b3261e;font-size:.88rem;font-weight:600;text-align:center}
.formerr.show{display:block}
.go{grid-column:1/-1;justify-self:center;display:inline-flex;align-items:center;justify-content:center;min-width:12rem;height:48px;margin-top:.5rem;padding:0 2rem;border:0;border-radius:12px;background:var(--p);color:#fff;font:700 1rem var(--font);cursor:pointer;box-shadow:0 10px 24px rgba(21,101,216,.28);transition:transform .15s,background .2s}
.go:hover{background:var(--p2);transform:translateY(-2px)}
.go:disabled{opacity:.7;cursor:wait;transform:none}
.narrow .go{width:100%;margin-top:.75rem}
.fine{grid-column:1/-1;margin:.25rem 0 0;text-align:center;font-size:.82rem;color:var(--mu)}
.fine a{color:var(--p);font-weight:600}
.vlinks{display:flex;justify-content:center;gap:.6rem;margin-top:1rem;color:var(--mu)}
.lnk{border:0;background:none;color:var(--p);font:600 .88rem var(--font);cursor:pointer;padding:0}
.lnk:disabled{color:var(--mu);cursor:default}
.lnk:not(:disabled):hover{text-decoration:underline}
.recap{margin-bottom:1.25rem;text-align:start}
.recap div{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 0;border-bottom:1px solid var(--ln);font-size:.92rem}
.recap span{color:var(--mu)}
.as-link{width:100%;text-decoration:none}
@media (max-width:600px){.box{grid-template-columns:1fr;padding:1.25rem}.wrap{padding-top:110px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* اختيار التطبيقات */
.ap-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;text-align:start}
.ap-card{position:relative;display:flex;align-items:center;gap:.75rem;padding:.9rem 1rem;background:var(--card);border:1.5px solid var(--ln);border-radius:14px;font:600 .95rem var(--font);color:var(--ink);cursor:pointer;text-align:start;transition:border-color .15s,box-shadow .15s,transform .15s}
.ap-card svg{width:34px;height:34px;flex:none}
.ap-card span{flex:1;line-height:1.4}
.ap-card:hover{border-color:#b5cdf2;transform:translateY(-1px)}
.ap-card:focus-visible{outline:2px solid var(--p);outline-offset:2px}
.ap-card.on{border-color:var(--p);box-shadow:0 0 0 3px rgba(21,101,216,.12);background:#f6f9ff}
.ap-ck{position:absolute;top:-8px;inset-inline-end:-8px;width:22px;height:22px;border-radius:50%;background:var(--p);border:2px solid #fff;display:none}
.ap-ck:after{content:"";position:absolute;left:6px;top:3px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.ap-card.on .ap-ck{display:block}
.ap-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.4rem;padding:.8rem 1rem;background:var(--card);border:1px solid var(--ln);border-radius:14px;box-shadow:var(--sh)}
.ap-cnt{color:var(--mu);font-size:.92rem}.ap-cnt b{color:var(--ink)}
.ap-next{min-width:9rem;margin:0;height:44px;padding:0 1.6rem}
.ap-next:disabled{background:#b5cdf2;cursor:not-allowed;opacity:1}
.ap-sum{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem;padding:.7rem 1rem;background:var(--card);border:1px solid var(--ln);border-radius:14px;text-align:start}
.ap-sum b{flex:1;font-size:.95rem;color:var(--ink);font-weight:600}
.ap-sum-ic{display:flex;gap:.3rem}.ap-sum-ic svg{width:28px;height:28px}
@media (max-width:600px){.ap-pick{grid-template-columns:repeat(2,1fr)}.ap-card{padding:.75rem;font-size:.88rem}.ap-card svg{width:30px;height:30px}.ap-sum{flex-wrap:wrap}}
.ap-bar .lnk,.ap-cnt{white-space:nowrap}
@media (max-width:600px){.ap-bar{flex-wrap:wrap;justify-content:space-between}.ap-next{width:100%;order:3}}

.slug-in{display:flex;align-items:center;border:1px solid #dee2e6;border-radius:.375rem;background:#fff;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.slug-in:focus-within{border-color:var(--p);box-shadow:0 0 0 3px rgba(21,101,216,.14)}
.slug-in .pre{padding:0 .7rem;height:3.1rem;display:flex;align-items:center;background:#f1f3f6;color:#6b7789;font-size:.85rem;white-space:nowrap;border-inline-end:1px solid #dee2e6}
.slug-in .pre[hidden]{display:none}
.slug-in .suf{border-inline-end:0;border-inline-start:1px solid #dee2e6}
.slug-in input{border:0!important;box-shadow:none!important;border-radius:0;flex:1;min-width:0;text-align:left}
.f.bad .slug-in{border-color:#c4303a}
.hint{display:block;margin-top:.3rem;font-size:.8rem;color:#6b7789}.hint.s-ok{color:#16a34a;font-weight:600}.hint.s-no{color:#c4303a;font-weight:600}

/* قوائم الاختيار (الدولة/اللغة/حجم الشركة) — سهم مخصص يعمل في RTL و LTR */
.f select.sel{appearance:none;-webkit-appearance:none;cursor:pointer;padding-inline-end:2.4rem;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23212529' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat;background-size:1rem;background-position:left .9rem center;text-overflow:ellipsis}
html[dir=ltr] .f select.sel{background-position:right .9rem center}

/* قائمة الدول مع بحث */
.cb{position:relative}
.cb-b{width:100%;height:3.1rem;padding:0 .9rem;padding-inline-end:2.4rem;border:1px solid #dee2e6;border-radius:.375rem;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23212529' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat left .9rem center;background-size:1rem;font:400 1rem var(--font);color:#212529;text-align:start;cursor:pointer;outline:0;transition:border-color .15s,box-shadow .15s}
html[dir=ltr] .cb-b{background-position:right .9rem center}
.cb-b:focus-visible,.cb.open .cb-b{border-color:var(--p);box-shadow:0 0 0 3px rgba(21,101,216,.14)}
.cb-v{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cb-p{position:absolute;z-index:30;inset-inline:0;top:calc(100% + .3rem);background:#fff;border:1px solid #dee2e6;border-radius:.5rem;box-shadow:0 14px 34px rgba(16,24,40,.16);overflow:hidden}
.cb-s{padding:.55rem;border-bottom:1px solid #eef0f3;background:#fff}
.f .cb-q{height:2.6rem;padding:0 .8rem;font-size:.95rem;background:#f6f8fa}
.cb-l{list-style:none;margin:0;padding:.25rem;max-height:15rem;overflow-y:auto;overscroll-behavior:contain}
.cb-i{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .7rem;border-radius:.4rem;font-size:.95rem;color:#212529;cursor:pointer}
.cb-i bdi{flex:none;color:#7a828c;font-size:.82rem}
.cb-i.act{background:#eef3fd}
.cb-i.on{font-weight:700;color:var(--p)}
.cb-e{padding:.9rem;text-align:center;color:#7a828c;font-size:.9rem}
@media (max-width:600px){.cb-l{max-height:12.5rem}}

/* ===== لمسة احترافية: بطاقات زجاجية متناسقة مع الخلفية ===== */
:root{--gl:rgba(255,255,255,.74);--gl-bd:rgba(255,255,255,.9);--gl-ring:rgba(21,101,216,.12);--fld:#d3dcea;--gl-sh:0 1px 0 rgba(255,255,255,.95) inset,0 1px 2px rgba(16,40,90,.05),0 24px 56px -20px rgba(21,70,160,.28)}
html{background:#ececec}
body{background:linear-gradient(180deg,#eaf1fb 0%,#f3f6fb 48%,#eaf0f9 100%) fixed}
body:before{position:fixed;inset:0;height:auto;background:
  radial-gradient(640px 420px at 88% -4%,rgba(21,101,216,.16),transparent 70%),
  radial-gradient(700px 460px at 6% 6%,rgba(91,155,240,.18),transparent 70%),
  radial-gradient(620px 420px at 50% 105%,rgba(21,101,216,.10),transparent 70%)}
.box,.ap-bar,.ap-sum{background:var(--gl);border:1px solid var(--gl-bd);outline:1px solid var(--gl-ring);outline-offset:-1px;box-shadow:var(--gl-sh);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5)}
.box{border-radius:22px;padding:2rem 2rem 1.75rem;gap:1.1rem 1rem}
.ap-bar,.ap-sum{border-radius:16px}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.box,.ap-bar,.ap-sum{background:rgba(255,255,255,.92)}}
.l{font-size:.92rem;font-weight:600;color:var(--ink)}
.l small{font-weight:400;color:var(--mu)}
.f input,.f select,.otp,.ph-in,.slug-in,.cb-b{border-color:var(--fld);border-radius:12px;background-color:rgba(255,255,255,.88);transition:border-color .15s,box-shadow .15s,background-color .15s}
.f input:hover,.f select:hover,.ph-in:hover,.slug-in:hover,.cb-b:hover{border-color:#aebfd9;background-color:#fff}
.f input:focus,.f select:focus,.ph-in:focus-within,.slug-in:focus-within,.otp:focus,.cb-b:focus-visible,.cb.open .cb-b{background-color:#fff;border-color:var(--p);box-shadow:0 0 0 4px rgba(21,101,216,.13)}
.ph-in select{background:rgba(238,243,251,.9);border-inline-end-color:var(--fld)}
.slug-in .pre{background:rgba(238,243,251,.9)}
.f input::placeholder{color:#9aa7ba}
.ap-card{background:rgba(255,255,255,.82);border-color:#d9e2f0;border-radius:16px;box-shadow:0 1px 2px rgba(16,40,90,.04)}
.ap-card:hover{border-color:#8fb4ee;box-shadow:0 8px 22px -10px rgba(21,70,160,.3)}
.ap-card.on{background:#f1f6ff}
.go{border-radius:12px;background:linear-gradient(180deg,#1b6fe6,#1259c9);box-shadow:0 12px 26px -8px rgba(21,101,216,.55)}
.go:hover{background:linear-gradient(180deg,#1766dc,#0f4fae)}
.lead{color:#5a687d}
@media (max-width:600px){.box{padding:1.35rem 1.15rem}}

/* ===== تصغير الأحجام (مظهر أكثر إحكامًا) ===== */
.wrap{width:min(36rem,92%);padding:96px 0 2rem}
.wrap h1{font-size:clamp(22px,3vw,28px)}
.wrap h1::after{width:2.6rem;height:3px;margin-top:.4rem}
.lead{font-size:.88rem;margin:.7rem 0 1.2rem}
.box{border-radius:16px;padding:1.3rem 1.4rem 1.2rem;gap:.8rem .85rem}
.l{font-size:.82rem;margin-bottom:.3rem}
.f input,.f select,.otp{height:2.55rem;font-size:.9rem;border-radius:10px;padding:0 .8rem}
.ph-in,.slug-in,.cb-b{border-radius:10px;min-height:2.55rem}
.cb-b{height:2.55rem;font-size:.9rem}
.slug-in .pre{height:2.55rem;font-size:.82rem}
.ph-in select{flex-basis:4.6rem;width:4.6rem}
.em,.fine{font-size:.76rem}
.go{height:42px;min-width:10rem;font-size:.92rem;border-radius:10px}
.ap-bar,.ap-sum{border-radius:12px;padding:.6rem .85rem}
.ap-bar{margin-top:1rem}
.ap-cnt,.ap-sum b{font-size:.84rem}
.ap-sum-ic svg{width:22px;height:22px}
.ap-card{padding:.7rem .85rem;font-size:.86rem;border-radius:12px}
.ap-card svg{width:28px;height:28px}
.ap-next{height:38px;min-width:8rem}
.formerr{font-size:.8rem}
.cb-i,.cb-l{font-size:.88rem}

/* ===== الهوية الجديدة: خلفية زرقاء هادئة بأشكال منحنية + بطاقات بيضاء ناعمة ===== */
:root{--bg:#f1f3f6;--ink:#2b3445;--tx:#4a5568;--mu:#6b7789;--ln:#dfe3ea;--p:#714b67;--p2:#5f3f57;--fld:#dfe3ea;--p-soft:#e7dde4;--gl:rgba(255,255,255,.88);--gl-bd:rgba(255,255,255,.95);--gl-ring:#dfe3ea;--gl-sh:0 8px 30px rgba(113,75,103,.08),0 1px 2px rgba(23,37,84,.04)}
html{background:#ececec}
body{background:linear-gradient(135deg,#F3F8FE 0%,#f1f3f6 45%,#E6EFFB 100%) fixed}
body:before{content:"";position:fixed;inset:0;height:auto;z-index:-2;pointer-events:none;background:
  radial-gradient(circle at 108% 34%,rgba(255,255,255,.62) 0 340px,transparent 341px),
  radial-gradient(circle at 112% 40%,rgba(219,234,254,.75) 0 470px,transparent 471px),
  radial-gradient(circle at -8% 46%,rgba(219,234,254,.70) 0 300px,transparent 301px),
  radial-gradient(circle at -4% 52%,rgba(255,255,255,.55) 0 210px,transparent 211px),
  radial-gradient(circle at 90% 118%,rgba(207,225,252,.65) 0 380px,transparent 381px),
  radial-gradient(ellipse 60% 40% at 15% 0,rgba(191,219,254,.55),transparent 70%),
  radial-gradient(ellipse 55% 40% at 95% 5%,rgba(147,197,253,.28),transparent 70%)}
body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:
  radial-gradient(circle at 20% 112%,rgba(255,255,255,.55) 0 280px,transparent 281px),
  radial-gradient(circle at 78% -6%,rgba(255,255,255,.45) 0 230px,transparent 231px)}
.box,.ap-bar,.ap-sum{background:rgba(255,255,255,.88);border:1px solid #dfe3ea;outline:0;box-shadow:0 8px 30px rgba(113,75,103,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.l{color:#2b3445}
.f input,.f select,.otp,.ph-in,.slug-in,.cb-b{border-color:#dfe3ea;background-color:#fff}
.f input:hover,.f select:hover,.ph-in:hover,.slug-in:hover,.cb-b:hover{border-color:#cdbfca}
.f input:focus,.f select:focus,.ph-in:focus-within,.slug-in:focus-within,.otp:focus,.cb-b:focus-visible,.cb.open .cb-b{border-color:#714b67;box-shadow:0 0 0 4px #e7dde4}
.ph-in select,.slug-in .pre{background:#f4f5f8;color:#5d7096}
.f input::placeholder{color:#9db0cd}
.lead,.fine,.em{color:#6b7789}.em{color:#c4303a}
.go,.lg-btn{background:#714b67;box-shadow:0 8px 20px rgba(113,75,103,.28)}
.go:hover{background:#5f3f57}
.ap-card{background:#fff;border-color:#dfe3ea}
.ap-card.on{background:#f6f1f5;border-color:#714b67;box-shadow:0 0 0 3px #e7dde4}
.ap-next:disabled{background:#cdbfca}