/* FIX MY PAGE — Motion Layer v1 — طبقة حركة فوق التصميم الحالي، لا تغيّر أي محتوى */
:root{--fmx-gold:#d4ad62;--fmx-gold-light:#efd59c;--fmx-ease:cubic-bezier(.16,1,.3,1);--fmx-ease-in:cubic-bezier(.7,0,.84,0);}
.fmx-loader{position:fixed;inset:0;z-index:9999;background:#0b0b0b;display:grid;place-items:center;pointer-events:none;transition:clip-path 1s var(--fmx-ease) .1s;clip-path:inset(0 0 0 0);}
.fmx-loader.fmx-done{clip-path:inset(0 0 100% 0)}
.fmx-loader-mark{font:800 clamp(28px,6vw,64px)/1 "Arial Black",Arial,sans-serif;letter-spacing:.06em;color:transparent;-webkit-text-stroke:1px rgba(212,173,98,.5);position:relative;direction:ltr;}
.fmx-loader-mark::after{content:attr(data-text);position:absolute;inset:0;color:var(--fmx-gold);-webkit-text-stroke:0;clip-path:inset(0 100% 0 0);animation:fmx-fill 1.1s var(--fmx-ease) forwards .15s;}
.fmx-loader-line{position:absolute;bottom:18%;left:50%;width:min(240px,50vw);height:1px;background:rgba(212,173,98,.2);transform:translateX(-50%);overflow:hidden;}
.fmx-loader-line::after{content:"";position:absolute;inset:0;background:var(--fmx-gold);transform:translateX(-100%);animation:fmx-line 1.1s var(--fmx-ease) forwards .15s;}
@keyframes fmx-fill{to{clip-path:inset(0 0 0 0)}}
@keyframes fmx-line{to{transform:none}}
.fmx-curtain{position:fixed;inset:0;z-index:9998;pointer-events:none;background:linear-gradient(180deg,#0b0b0b 0%,#0b0b0b 92%,var(--fmx-gold) 100%);transform:translateY(100%);transition:transform .55s var(--fmx-ease-in);}
.fmx-curtain.fmx-in{transform:translateY(0)}
.fmx-progress{position:fixed;top:0;right:0;left:0;height:2px;z-index:1000;pointer-events:none;background:linear-gradient(90deg,var(--fmx-gold-light),var(--fmx-gold));transform-origin:right;transform:scaleX(0);}
.site-header{transition:background .4s,backdrop-filter .4s,box-shadow .4s,padding .4s}
.site-header.fmx-scrolled{background:rgba(11,11,11,.72)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(212,173,98,.18);}
.fmx-dust{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.55}
.fmx-lift{position:relative;z-index:1}
.fmx-glow{position:fixed;top:0;left:0;width:520px;height:520px;margin:-260px 0 0 -260px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(212,173,98,.12) 0%,rgba(212,173,98,0) 65%);will-change:transform;transition:opacity .4s;}
.fmx-dot{position:fixed;top:0;left:0;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--fmx-gold);pointer-events:none;z-index:10000;mix-blend-mode:difference;transition:width .3s var(--fmx-ease),height .3s var(--fmx-ease),margin .3s var(--fmx-ease),opacity .3s;}
.fmx-dot.fmx-hover{width:44px;height:44px;margin:-22px 0 0 -22px;background:var(--fmx-gold-light)}
.fmx-r{opacity:0;transform:translateY(40px) scale(.98);filter:blur(6px);transition:opacity 1s var(--fmx-ease),transform 1.1s var(--fmx-ease),filter 1s var(--fmx-ease);transition-delay:var(--fmx-d,0s);}
.fmx-r.fmx-side{transform:translateX(-50px)}
.fmx-r.fmx-zoom{transform:scale(.9)}
.fmx-r.fmx-v{opacity:1;transform:none;filter:none}
.fmx-w{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.08em;margin-bottom:-.08em}
.fmx-w>span{display:inline-block;transform:translateY(110%) rotate(4deg);opacity:0;transition:transform 1.1s var(--fmx-ease),opacity .8s var(--fmx-ease);transition-delay:var(--fmx-d,0s);}
.fmx-split.fmx-v .fmx-w>span{transform:none;opacity:1}
.short-line,.fmx-line-draw{transform-origin:right;}
.fmx-r.short-line{transform:scaleX(0);filter:none}
.fmx-r.short-line.fmx-v{transform:none}
.gold-text{background:linear-gradient(100deg,var(--fmx-gold) 0%,var(--fmx-gold) 40%,#fff3d1 50%,var(--fmx-gold) 60%,var(--fmx-gold) 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:fmx-shine 5s linear infinite;}
@keyframes fmx-shine{from{background-position:150% 0}to{background-position:-100% 0}}
.fmx-card{position:relative;isolation:isolate;transform-style:preserve-3d;transition:transform .6s var(--fmx-ease),box-shadow .6s var(--fmx-ease),border-color .4s;}
.fmx-card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(212,173,98,.16),transparent 45%);opacity:0;transition:opacity .4s;}
.fmx-card::after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;padding:1px;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(239,213,156,.9),transparent 40%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s;}
.fmx-card:hover::before,.fmx-card:hover::after{opacity:1}
.fmx-card:hover{box-shadow:0 30px 60px -30px rgba(212,173,98,.35)}
.fmx-card.fmx-v{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--ty,0))}
.fmx-card img{transition:transform 1.2s var(--fmx-ease)}
.fmx-card:hover img{transform:scale(1.06)}
.fmx-mag{transition:transform .5s var(--fmx-ease);will-change:transform;position:relative;overflow:hidden}
.button.fmx-mag::after,.header-cta.fmx-mag::after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .8s var(--fmx-ease);pointer-events:none;}
.button.fmx-mag:hover::after,.header-cta.fmx-mag:hover::after{left:130%}
.choice-action,.text-link,.card-link{transition:letter-spacing .4s var(--fmx-ease)}
.gateway-art img,.hero-art img,.apps-art img{animation:fmx-float 6s ease-in-out infinite;}
@keyframes fmx-float{0%,100%{translate:0 0}50%{translate:0 -14px}}
.fmx-par{transition:transform .8s var(--fmx-ease);will-change:transform}
.gateway-ring,.orbit,.apps-orbit{animation:fmx-spin 40s linear infinite}
@keyframes fmx-spin{to{rotate:360deg}}
.fmx-halo{position:absolute;inset:10%;border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(circle,rgba(212,173,98,.35),transparent 60%);animation:fmx-pulse 4s ease-in-out infinite;}
@keyframes fmx-pulse{0%,100%{opacity:.55;scale:.92}50%{opacity:1;scale:1.05}}
.gateway-side{animation:fmx-fade-up 1.4s var(--fmx-ease) both 1.2s}
@keyframes fmx-fade-up{from{opacity:0;translate:0 30px}to{opacity:1;translate:0 0}}
.floating-contact{animation:fmx-ping 2.6s var(--fmx-ease) infinite}
@keyframes fmx-ping{0%{box-shadow:0 0 0 0 rgba(212,173,98,.55)}70%{box-shadow:0 0 0 18px rgba(212,173,98,0)}100%{box-shadow:0 0 0 0 rgba(212,173,98,0)}}
.hero-bottom a,.gateway-apps-link{animation:fmx-nudge 2.2s ease-in-out infinite}
@keyframes fmx-nudge{0%,100%{translate:0 0}50%{translate:0 5px}}
.hero-tags>*,.service-tags>*,.app-features>*{transition:background .3s,color .3s,transform .4s var(--fmx-ease)}
.hero-tags>*:hover,.service-tags>*:hover,.app-features>*:hover{transform:translateY(-3px)}
.field input,.field textarea,.field select{transition:border-color .3s,box-shadow .3s}
.field input:focus,.field textarea:focus,.field select:focus{box-shadow:0 0 0 4px rgba(212,173,98,.15);border-color:var(--fmx-gold)}
@media (hover:none),(max-width:820px){.fmx-glow,.fmx-dot{display:none}.fmx-card.fmx-v{transform:none}}
@media (hover:hover) and (min-width:821px){body.fmx-cursor,body.fmx-cursor a,body.fmx-cursor button{cursor:none}}
@media (prefers-reduced-motion:reduce){.fmx-loader,.fmx-curtain,.fmx-dust,.fmx-glow,.fmx-dot{display:none!important}.fmx-r,.fmx-w>span{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}*{animation:none!important}body.fmx-cursor,body.fmx-cursor a,body.fmx-cursor button{cursor:auto}}