/* ============ تسجيل الدخول وإنشاء الحساب: Liquid Glass ============
   بيتحط آخر الصفحة عشان يغلب الستايل القديم و glass.css. الكود والفورم زي ما هم. */
html body{--a-tx:#fff;--a-tx2:rgba(235,235,245,.72);--a-tx3:rgba(235,235,245,.45);--a-fill:rgba(118,118,128,.16);--a-fill2:rgba(118,118,128,.26);
  --a-sep:rgba(255,255,255,.12);--a-rim:rgba(255,255,255,.55);--a-rim2:rgba(255,255,255,.14);--a-glass:rgba(255,255,255,.07);--a-glass-hi:rgba(255,255,255,.13);
  --a-tint:#FFB21E;--a-tint2:#FFD06A;--a-wall:#06070d;--a-spring:cubic-bezier(.2,1.4,.4,1);
  font-family:-apple-system,"SF Arabic","SF Pro Display","IBM Plex Sans Arabic",system-ui,sans-serif!important}
html[data-theme=light] body{--a-tx:#0b0b10;--a-tx2:rgba(60,60,67,.78);--a-tx3:rgba(60,60,67,.5);--a-fill:rgba(120,120,128,.09);--a-fill2:rgba(120,120,128,.16);
  --a-sep:rgba(60,60,67,.13);--a-rim:rgba(255,255,255,.95);--a-rim2:rgba(255,255,255,.55);--a-glass:rgba(255,255,255,.5);--a-glass-hi:rgba(255,255,255,.78);--a-wall:#eef0f7}
html body h1,html body h2,html body h3,html body .btn,html body b{font-family:inherit!important}

/* الخلفية: نفس ألوان الصفحات الجديدة */
html body::before{background:
  radial-gradient(48vmax 42vmax at 50% 0%,rgba(255,159,30,.55),transparent 70%),
  radial-gradient(42vmax 42vmax at 100% 65%,rgba(122,60,255,.6),transparent 70%),
  radial-gradient(40vmax 40vmax at 0% 100%,rgba(10,132,255,.5),transparent 70%),var(--a-wall)!important;filter:none!important;opacity:1!important;animation:none!important}
html[data-theme=light] body::before{opacity:.6}

/* المعاينة القديمة اتشالت: الفورم لوحده في النص */
html body .strip,html body .stage-wrap{display:none!important}
html body .shell{padding:56px 0 80px!important}
html body .frame{display:block!important;max-width:560px;margin:0 auto;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}

/* الكارت: زجاج */
html body .card{position:relative;isolation:isolate;min-height:0!important;padding:38px 34px 30px!important;border-radius:34px!important;clip-path:none!important;border:0!important;
  background:linear-gradient(180deg,var(--a-glass-hi),var(--a-glass) 40%)!important;
  -webkit-backdrop-filter:blur(30px) saturate(190%)!important;backdrop-filter:blur(30px) saturate(190%)!important;
  box-shadow:inset 0 1px 0 var(--a-rim2),inset 0 0 0 .5px var(--a-rim2),0 30px 70px -28px rgba(0,0,0,.7)!important;
  animation:a-in .8s cubic-bezier(.32,.72,0,1) both}
@keyframes a-in{from{opacity:0;transform:translateY(18px) scale(.985)}}
html body .card::before{content:""!important;position:absolute!important;inset:0!important;height:auto!important;left:0!important;right:0!important;border-radius:inherit;padding:1px;pointer-events:none;z-index:2;
  background:linear-gradient(160deg,var(--a-rim) 0%,transparent 28%,transparent 70%,var(--a-rim2) 100%)!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
html body .card .eyebrow{font-size:14px!important;font-weight:600!important;color:var(--a-tint)!important;letter-spacing:0!important}
html body .card .eyebrow b{display:none!important}
html body .card h1{font-size:clamp(32px,6vw,44px)!important;font-weight:700!important;letter-spacing:-.035em!important;line-height:1.1!important;margin:10px 0 8px!important;color:var(--a-tx)!important}
html body .card .sub{font-size:16px!important;color:var(--a-tx2)!important;line-height:1.55}

/* خطوات التسجيل: كبسولات */
html body .steps div{border:0!important;padding:0!important;height:auto;font-size:12.5px!important;color:var(--a-tx3)!important;position:relative;padding-top:12px!important}
html body .steps div::before{content:"";position:absolute;top:0;inset-inline:0;height:5px;border-radius:999px;background:var(--a-fill2);transition:background .3s}
html body .steps div.on,html body .steps div.done{color:var(--a-tx)!important}
html body .steps div.on::before,html body .steps div.done::before{background:linear-gradient(90deg,var(--a-tint2),var(--a-tint))}

/* اختيارات نوع الحساب */
html body .opt{border:0!important;border-radius:22px!important;background:var(--a-fill)!important;box-shadow:inset 0 0 0 .5px var(--a-sep)!important;padding:18px!important;
  transition:transform .5s var(--a-spring),box-shadow .25s,background .25s!important}
html body .opt:active{transform:scale(.97);transition-duration:.08s!important}
html body .opt.on{background:linear-gradient(180deg,rgba(255,178,30,.2),rgba(255,178,30,.08))!important;box-shadow:inset 0 0 0 1.5px var(--a-tint)!important}
html body .opt .ic{border-radius:16px!important;clip-path:none!important;background:var(--a-fill2)!important}
html body .opt.on .ic{background:linear-gradient(160deg,var(--a-tint2),var(--a-tint))!important;color:#1C1404!important}
html body .opt .rd{border-color:var(--a-tx3)!important}
html body .opt.on .rd{border-color:var(--a-tint)!important;background:var(--a-tint)!important}
html body .opt h3{font-size:18px!important;font-weight:700!important;color:var(--a-tx)!important}
html body .opt p{color:var(--a-tx2)!important}

/* الحقول */
html body .inp{border:0!important;border-radius:16px!important;height:52px!important;background:var(--a-fill)!important;box-shadow:inset 0 0 0 .5px var(--a-sep)!important;overflow:hidden;transition:box-shadow .2s!important}
html body .inp:focus-within{box-shadow:inset 0 0 0 2px var(--a-tint),0 0 0 4px rgba(255,178,30,.15)!important}
html body .fld.bad .inp{box-shadow:inset 0 0 0 2px #FF453A!important}
html body .inp input,html body .inp select{background:none!important;border:0!important;box-shadow:none!important;height:100%!important;color:var(--a-tx)!important;font-size:16px!important}
html body .inp .pre,html body .inp .dial{background:var(--a-fill2)!important;border:0!important;border-radius:10px!important;color:var(--a-tx)!important;font-family:inherit!important}
html body .inp .pre{margin:6px;height:auto!important}
html body .inp .eye{border:0!important}
html body .fld label,html body .lbl{color:var(--a-tx2)!important;font-weight:600!important}
html body textarea{border:0!important;border-radius:16px!important;background:var(--a-fill)!important;box-shadow:inset 0 0 0 .5px var(--a-sep)!important}
html body textarea:focus{box-shadow:inset 0 0 0 2px var(--a-tint)!important}
html body .tt-card,html body .sum,html body .help-box,html body .info-box{border:0!important;border-radius:18px!important;background:var(--a-fill)!important}
html body .tt-ok{border:0!important;border-radius:16px!important}
html body .av-circle .plus{border-color:transparent!important}

/* تبديل طريقة الدخول (login) */
html body .seg{border-radius:999px!important;background:var(--a-fill)!important;padding:4px!important;border:0!important;box-shadow:inset 0 0 0 .5px var(--a-sep)!important}
html body .seg button{border-radius:999px!important;border:0!important;transition:background .3s,color .3s,transform .45s var(--a-spring)!important}
html body .seg button:active{transform:scale(.95)}
html body .seg button.on{background:linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,.12))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 6px 16px -6px rgba(0,0,0,.5)!important;color:var(--a-tx)!important}
html[data-theme=light] body .seg button.on{background:#fff!important;box-shadow:0 4px 14px -4px rgba(40,30,80,.25)!important}

/* الزرار الأساسي */
html body .btn.go,html body .card .btn-red{height:54px!important;border-radius:999px!important;font-size:17px!important;font-weight:600!important;clip-path:none!important}
html body .msg.on{border-radius:14px!important}
html body footer{border-top:.5px solid var(--a-sep)!important}
@media (max-width:600px){html body .shell{padding-top:28px!important}html body .card{padding:28px 20px 24px!important;border-radius:28px!important}}