/* ============ Liquid Glass المشترك لصفحات تشجيعة الجديدة ============
   أي صفحة بتستخدمه: <link rel="stylesheet" href="/lq.css"> + <script src="/lq.js" defer>
   والمحتوى جوه عنصر عليه data-noglass عشان glass.css القديم ميلمسوش. */
*{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none!important}
:root{
  --font:-apple-system,"SF Arabic","SF Pro Display","IBM Plex Sans Arabic",system-ui,sans-serif;
  --ease:cubic-bezier(.32,.72,0,1);
  --spring:linear(0,.009,.035 2.1%,.141,.281 6.7%,.723 12.9%,.938 16.7%,1.017,1.077,1.121 24.2%,1.149,1.159 29.1%,1.154,1.137 33.9%,1.058 43.5%,1.024,1.003 52.6%,.99 58%,.991 67.2%,1);
  --tx:#fff;--tx2:rgba(235,235,245,.72);--tx3:rgba(235,235,245,.45);
  --glass:rgba(255,255,255,.07);--glass-hi:rgba(255,255,255,.13);--rim:rgba(255,255,255,.55);--rim2:rgba(255,255,255,.14);
  --sep:rgba(255,255,255,.10);--fill:rgba(118,118,128,.24);--fill2:rgba(118,118,128,.14);
  --shadow:0 30px 70px -28px rgba(0,0,0,.7),0 2px 8px -2px rgba(0,0,0,.3);
  --tint:#FFB21E;--tint2:#FFD06A;--on-tint:#1C1404;
  --green:#30D158;--blue:#0A84FF;--purple:#BF5AF2;--pink:#FF375F;--red:#FF453A;--wall:#06070d;
}
html[data-theme=light]{
  --tx:#0b0b10;--tx2:rgba(60,60,67,.78);--tx3:rgba(60,60,67,.5);
  --glass:rgba(255,255,255,.5);--glass-hi:rgba(255,255,255,.78);--rim:rgba(255,255,255,.95);--rim2:rgba(255,255,255,.55);
  --sep:rgba(60,60,67,.13);--fill:rgba(120,120,128,.16);--fill2:rgba(120,120,128,.09);
  --shadow:0 30px 70px -30px rgba(40,30,80,.38),0 2px 8px -2px rgba(40,30,80,.12);
  --green:#248A3D;--blue:#0071E3;--purple:#8944AB;--pink:#D30F45;--red:#D70015;--wall:#eef0f7;
}
html{scroll-behavior:smooth}
html,body{background:var(--wall)}
body{font-family:var(--font);color:var(--tx);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased;min-height:100vh}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
::selection{background:rgba(255,178,30,.35)}
/* الشريط (site.js بيبدّله) */
nav .container{display:flex;align-items:center;gap:20px;height:64px;max-width:1240px;margin:0 auto;padding:0 16px}
.logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:21px}.logo i{font-style:normal}
.links{display:flex;gap:4px}.nav-end{margin-inline-start:auto;display:flex;gap:8px}

/* الخلفية */
.wall{position:fixed;inset:0;z-index:-1;overflow:hidden;background:var(--wall);pointer-events:none}
.wall i{position:absolute;border-radius:50%;filter:blur(80px);will-change:transform}
.wall i:nth-child(1){width:60vmax;height:60vmax;top:-28vmax;left:50%;margin-left:-30vmax;background:radial-gradient(circle,#ff9f1e 0,transparent 62%);opacity:.5;animation:lq-drift 40s ease-in-out infinite alternate}
.wall i:nth-child(2){width:50vmax;height:50vmax;top:30%;right:-22vmax;background:radial-gradient(circle,#7a3cff 0,transparent 66%);opacity:.6;animation:lq-drift 48s ease-in-out infinite alternate-reverse}
.wall i:nth-child(3){width:46vmax;height:46vmax;bottom:-20vmax;left:-18vmax;background:radial-gradient(circle,#0a84ff 0,transparent 66%);opacity:.5;animation:lq-drift 54s ease-in-out infinite alternate}
@keyframes lq-drift{to{transform:translate3d(4vmax,3vmax,0) scale(1.08)}}
html[data-theme=light] .wall i{opacity:.36}
.wall::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 50% 0%,transparent 45%,rgba(0,0,0,.42))}
html[data-theme=light] .wall::after{background:none}

/* مادة الزجاج */
.lq{position:relative;isolation:isolate;border-radius:30px;background:linear-gradient(180deg,var(--glass-hi),var(--glass) 40%);
  -webkit-backdrop-filter:blur(30px) saturate(190%);backdrop-filter:blur(30px) saturate(190%);
  box-shadow:inset 0 1px 0 var(--rim2),inset 0 0 0 .5px var(--rim2),var(--shadow)}
.lq::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;z-index:2;
  background:linear-gradient(160deg,var(--rim) 0%,transparent 28%,transparent 70%,var(--rim2) 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.lq::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;opacity:var(--lit,0);transition:opacity .4s var(--ease);
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(255,255,255,.15),transparent 60%)}
html[data-theme=light] .lq::before{background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(255,255,255,.75),transparent 60%)}

/* الكتابة */
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.page{padding:56px 0 90px}
.kicker{font-size:15px;font-weight:600;color:var(--tint)}
html[data-theme=light] .kicker{color:#b56a00}
html body [data-noglass] h1.d1,html body [data-noglass] h2.h2{font-weight:700;letter-spacing:-.035em}
.d1{font-size:clamp(44px,8.5vw,92px);line-height:1.02!important;letter-spacing:-.045em}
.d1 .grad{display:block;background:linear-gradient(100deg,#FFD06A 10%,#FF9F0A 45%,#FF375F 90%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.06em}
.h2{font-size:clamp(32px,5.6vw,56px);line-height:1.08!important;margin-top:8px}
.h2 .dim{color:var(--tx3)}
.lead{font-size:clamp(17px,2vw,21px);color:var(--tx2);line-height:1.5;margin-top:16px;max-width:640px}
.center{text-align:center}.center .lead{margin-inline:auto}
section.sec{padding-top:100px}

/* الأزرار */
.gbtn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:50px;padding:0 26px;border-radius:999px;font-size:17px;font-weight:600;
  background:var(--fill2);box-shadow:inset 0 0 0 .5px var(--sep);transition:transform .5s var(--spring),background .25s;white-space:nowrap}
.gbtn:hover{background:var(--fill)}
.gbtn:active{transform:scale(.94);transition:transform .08s ease-out}
.gbtn.gold{color:var(--on-tint);background:linear-gradient(180deg,var(--tint2),var(--tint));box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 12px 30px -10px rgba(255,160,20,.85)}
.gbtn.sm{height:40px;padding:0 18px;font-size:15px}
.gbtn[disabled],.gbtn[aria-disabled=true]{opacity:.5;pointer-events:none}
.gbtn svg{width:16px;height:16px}
.ctas{display:flex;gap:12px;justify-content:center;margin-top:32px;flex-wrap:wrap}
.link{display:inline-flex;align-items:center;gap:4px;font-size:17px;font-weight:500;color:var(--blue)}
.ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#fff;flex:none}
.ic svg{width:24px;height:24px}
.ic.o{background:linear-gradient(160deg,#FFD06A,#FF9F0A)}.ic.b{background:linear-gradient(160deg,#64D2FF,#0A84FF)}
.ic.p{background:linear-gradient(160deg,#DA8FFF,#BF5AF2)}.ic.g{background:linear-gradient(160deg,#7CE495,#30D158)}
.ic.r{background:linear-gradient(160deg,#FF8FA3,#FF375F)}.ic.y{background:linear-gradient(160deg,#FFE680,#FFCC00)}

/* الحقول جوه الزجاج */
html body [data-noglass] .fx{display:block;width:100%;height:50px;padding:0 16px!important;border-radius:14px!important;font:inherit;font-size:16px;color:var(--tx)!important;
  background:var(--fill2)!important;border:0!important;box-shadow:inset 0 0 0 .5px var(--sep)!important;outline:0!important;transition:box-shadow .2s}
html body [data-noglass] textarea.fx{height:auto;min-height:140px;padding:14px 16px!important;resize:vertical;line-height:1.6}
html body [data-noglass] .fx:focus{box-shadow:inset 0 0 0 2px var(--tint),0 0 0 4px rgba(255,178,30,.15)!important}
html body [data-noglass] .fx::placeholder{color:var(--tx3)!important}
.fld{display:grid;gap:7px}
.fld>span{font-size:14px;font-weight:600;color:var(--tx2)}
.fld.bad .fx{box-shadow:inset 0 0 0 2px var(--red)!important}
.fld .er{display:none;font-size:13px;color:var(--red)}
.fld.bad .er{display:block}

/* الظهور مع النزول */
.reveal{opacity:0;transform:translateY(26px) scale(.985);transition:opacity .9s var(--ease),transform 1s var(--ease)}
.reveal.in{opacity:1;transform:none}

/* الفوتر */
footer.ft{margin-top:90px;padding:40px 0 50px;border-top:.5px solid var(--sep);font-size:13px;color:var(--tx3)}
.ft .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px}
.ft h4{font-size:13px;font-weight:600;color:var(--tx);margin-bottom:10px}
.ft a{display:block;padding:3px 0;color:var(--tx2)}.ft a:hover{color:var(--tx)}
.ft .brand b{display:block;font-size:19px;color:var(--tx);margin-bottom:8px}
.ft .copy{margin-top:30px;padding-top:18px;border-top:.5px solid var(--sep)}
@media (max-width:860px){.ft .cols{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.page{padding-top:36px}section.sec{padding-top:74px}.gbtn{height:46px;font-size:16px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition-duration:.15s!important}.reveal{opacity:1;transform:none}}