.fl{position:fixed;top:calc(.75rem + env(safe-area-inset-top));inset-inline-start:.75rem;display:flex;gap:.4rem;z-index:30}
.mn{max-width:26rem;margin:0 auto;padding:4.5rem 1.1rem 4rem;text-align:center}
.mn-av{width:96px;height:96px;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;margin:0 auto .9rem;background:var(--f1);font-size:2.4rem;color:var(--fg);border:3px solid var(--card)}
.mn .h1{display:inline-flex;gap:.4rem;align-items:center}.mn p.s{margin:.3rem 0 .6rem}
.tg{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center;margin:.6rem 0 1.4rem}
.pill{display:flex;align-items:center;gap:.8rem;min-height:56px;padding:.5rem .6rem;margin-bottom:.7rem;border-radius:99px;background:var(--card);border:1.5px solid var(--sep);color:var(--l1);text-decoration:none;font-weight:600}
.pill .ic{width:40px;height:40px;border-radius:50%}.pill .t{flex:1;text-align:center;padding-inline-end:40px}
.gd{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem .6rem;margin-top:1.8rem}
.app{display:flex;flex-direction:column;align-items:center;gap:.4rem;text-decoration:none;color:var(--l1);font-size:.74rem;font-weight:600;text-align:center;min-height:44px}
.app .ic{width:100%;max-width:64px;height:auto;aspect-ratio:1;border-radius:22%;font-size:1.7rem;color:#fff;background:linear-gradient(150deg,color-mix(in srgb,var(--c) 78%,#fff),var(--c));box-shadow:0 6px 16px color-mix(in srgb,var(--c) 35%,transparent)}
@media(max-width:340px){.gd{grid-template-columns:repeat(3,1fr)}}
.cover{height:11rem;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 35%,#000));border-radius:0 0 34px 34px}
.t-business .fl .ib{background:rgba(0,0,0,.3);color:#fff}.t-business .fl i{color:#fff!important}
.bz{max-width:30rem;margin:-3.4rem auto 0;padding:0 1rem 7rem;text-align:center;position:relative}
.bz-av{width:104px;height:104px;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;margin:0 auto .8rem;background:var(--card);font-size:2.6rem;color:var(--fg);border:4px solid var(--bg)}
.bz .h1{display:inline-flex;gap:.4rem;align-items:center}
.cta{display:flex;align-items:center;justify-content:center;gap:.6rem;min-height:56px;border-radius:16px;background:var(--accent);color:var(--on);font-weight:800;text-decoration:none;margin:1.2rem 0 .8rem;box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 35%,transparent)}
.bz-c{display:flex;align-items:center;gap:.9rem;padding:.8rem;margin-bottom:.6rem;border-radius:16px;background:var(--card);text-decoration:none;color:var(--l1);text-align:right;box-shadow:0 1px 3px rgba(0,0,0,.1)}
.wabar{position:fixed;bottom:0;inset-inline:0;z-index:30;padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom));background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:.5px solid var(--gb)}
.wabar a{display:flex;align-items:center;justify-content:center;gap:.5rem;max-width:30rem;margin:auto;min-height:50px;border-radius:14px;background:#167C3D;color:#fff;font-weight:800;text-decoration:none}
.t-aurora::before{content:"";position:fixed;inset:-20%;z-index:-1;background:radial-gradient(circle at 20% 20%,var(--accent),transparent 40%),radial-gradient(circle at 80% 30%,#BF5AF2,transparent 40%),radial-gradient(circle at 50% 90%,#0A84FF,transparent 45%);filter:blur(60px);opacity:.5;animation:drift 18s ease-in-out infinite alternate}
html:not(.dark) .t-aurora::before{opacity:.28}
@keyframes drift{to{transform:translate(4%,-3%) scale(1.15) rotate(8deg)}}
.au-h{font-size:2rem;font-weight:800;letter-spacing:-.03em;line-height:1.15;margin:.2rem 0 0}
.gl{display:flex;align-items:center;gap:.8rem;min-height:58px;padding:.5rem .8rem;margin-bottom:.7rem;border-radius:18px;color:var(--l1);text-decoration:none;font-weight:700;background:var(--glass);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:.5px solid var(--gb)}
.gl .t{flex:1}.gl .s{font-weight:400}

/* ===================== نيون ===================== */
body.t-neon{background:#05060b;background-image:radial-gradient(circle at 50% -10%,color-mix(in srgb,var(--accent) 30%,transparent),transparent 55%);--nx-card:rgba(12,14,24,.86);--nx-c2:#00E5FF;--nx-c3:#FF2D95}
html:not(.dark) body.t-neon{background:#f3f4fb;background-image:radial-gradient(circle at 50% -10%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 55%);--nx-card:rgba(255,255,255,.92);--nx-c2:#0091A8;--nx-c3:#C2006B}
html.dark body.t-neon::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px)}
.nx-floor{position:fixed;left:0;right:0;bottom:0;height:42vh;perspective:320px;z-index:-1;overflow:hidden;-webkit-mask-image:linear-gradient(to top,#000 10%,transparent);mask-image:linear-gradient(to top,#000 10%,transparent)}
.nx-floor i{position:absolute;left:-50%;right:-50%;top:0;height:200%;transform-origin:50% 0;transform:rotateX(62deg);background-image:linear-gradient(color-mix(in srgb,var(--accent) 55%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent) 55%,transparent) 1px,transparent 1px);background-size:44px 44px;animation:nxMove 2.4s linear infinite;will-change:transform}
html:not(.dark) .nx-floor i{opacity:.45}
@keyframes nxMove{from{transform:rotateX(62deg) translateY(-44px)}to{transform:rotateX(62deg) translateY(0)}}
.nx{max-width:28rem;margin:0 auto;padding:5rem 1.1rem 4rem;text-align:center}
.nx-av{position:relative;width:112px;height:112px;margin:0 auto 1.2rem;border-radius:50%;padding:4px;isolation:isolate}
.nx-av::before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from var(--ang),var(--accent),var(--nx-c2),var(--nx-c3),var(--accent));animation:nxAng 4s linear infinite;z-index:-1}
.nx-av::after{content:"";position:absolute;inset:-14px;border-radius:50%;background:conic-gradient(from var(--ang),var(--accent),var(--nx-c2),var(--nx-c3),var(--accent));opacity:.35;-webkit-mask:radial-gradient(closest-side,transparent 72%,#000 74%,transparent);mask:radial-gradient(closest-side,transparent 72%,#000 74%,transparent);animation:nxAng 4s linear infinite;z-index:-1}
.nx-av img,.nx-av b{width:104px;height:104px;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;background:#0b0d16;color:#fff;font-size:2.6rem;border:3px solid #05060b}
html:not(.dark) .nx-av img,html:not(.dark) .nx-av b{background:#fff;color:var(--fg);border-color:#f3f4fb}
@keyframes nxAng{to{--ang:360deg}}
.nx-name{position:relative;display:inline-block;margin:0;font:800 2.1rem/1.25 'Cairo','Noto Sans Arabic',sans-serif;color:#fff;text-shadow:0 0 8px color-mix(in srgb,var(--accent) 80%,transparent),0 0 26px color-mix(in srgb,var(--accent) 55%,transparent);cursor:pointer}
html:not(.dark) .nx-name{color:#10121c;text-shadow:0 0 18px color-mix(in srgb,var(--accent) 35%,transparent)}
.nx-name i{font-size:1.2rem;color:var(--nx-c2)}
.nx-name::before,.nx-name::after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;opacity:0}
.nx-name::before{color:var(--nx-c2);animation:nxGl1 6s steps(1) infinite}
.nx-name::after{color:var(--nx-c3);animation:nxGl2 6s steps(1) infinite}
@keyframes nxGl1{0%,93%,100%{opacity:0;transform:none}94%{opacity:.8;transform:translate(-3px,1px);clip-path:inset(10% 0 55% 0)}96%{opacity:.8;transform:translate(2px,-1px);clip-path:inset(60% 0 8% 0)}}
@keyframes nxGl2{0%,93%,100%{opacity:0;transform:none}95%{opacity:.8;transform:translate(3px,0);clip-path:inset(40% 0 30% 0)}97%{opacity:.7;transform:translate(-2px,1px);clip-path:inset(5% 0 70% 0)}}
.nx-bio{color:var(--l2);line-height:1.8;margin:.6rem auto .4rem;max-width:24rem}
.nx-tag{font-size:.74rem;font-weight:700;padding:.3rem .8rem;border-radius:99px;color:var(--fg);border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 25%,transparent) inset}
.nx nav{text-align:right;margin-top:1rem}
.nx-l{display:flex;align-items:center;gap:.85rem;min-height:60px;padding:.55rem .85rem;margin-bottom:.8rem;border-radius:18px;color:var(--l1);text-decoration:none;font-weight:700;border:1.5px solid transparent;background:linear-gradient(var(--nx-card),var(--nx-card)) padding-box,conic-gradient(from var(--ang),var(--accent),transparent 30%,var(--nx-c2) 50%,transparent 70%,var(--nx-c3) 85%,var(--accent)) border-box;animation:nxAng 5s linear infinite;transition:box-shadow .3s,transform .35s cubic-bezier(.175,.885,.32,1.275)}
.nx-l:nth-child(2n){animation-duration:6.5s;animation-direction:reverse}
.nx-l:hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent),0 0 28px color-mix(in srgb,var(--accent) 45%,transparent);transform:translateY(-2px)}
.nx-l .t{flex:1;min-width:0}.nx-l .s{font-weight:400}
.nx-l .ic{border-radius:12px;box-shadow:0 0 14px color-mix(in srgb,var(--c,var(--fg)) 40%,transparent)}
.nx-arr{font-size:.75rem;color:var(--fg);opacity:.7}
.t-neon .glass{background:var(--nx-card);border:1.5px solid color-mix(in srgb,var(--accent) 35%,transparent)}
.t-neon .clock{color:#fff;text-shadow:0 0 14px color-mix(in srgb,var(--accent) 70%,transparent);font-family:'Cairo',sans-serif}
html:not(.dark) .t-neon .clock{color:var(--l1)}
.t-neon .fl .ib{background:rgba(255,255,255,.08);color:#fff}
html:not(.dark) .t-neon .fl .ib{background:rgba(0,0,0,.06);color:var(--l1)}

/* ===================== بينتو ===================== */
.bt{max-width:32rem;margin:0 auto;padding:4.6rem .9rem 4rem;display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.bt-c{position:relative;border-radius:26px;background:var(--card);border:.5px solid var(--gb);box-shadow:0 1px 2px rgba(0,0,0,.05),0 10px 30px rgba(0,0,0,.06);color:var(--l1);text-decoration:none;overflow:hidden}
html.dark .bt-c{box-shadow:0 10px 30px rgba(0,0,0,.4)}
a.bt-c{transition:transform .35s cubic-bezier(.175,.885,.32,1.275),box-shadow .35s}
a.bt-c:hover{box-shadow:0 18px 40px color-mix(in srgb,var(--b,var(--accent)) 25%,transparent)}
.bt-pro{grid-column:span 2;display:flex;gap:1rem;align-items:center;padding:1.2rem;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 16%,var(--card)),var(--card) 60%)}
.bt-pro::before{content:"";position:absolute;width:12rem;height:12rem;border-radius:50%;top:-6rem;left:-4rem;background:var(--accent);opacity:.18;filter:blur(40px);pointer-events:none}
.bt-av{width:84px;height:84px;border-radius:24px;object-fit:cover;flex:none;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent) 18%,var(--card));color:var(--fg);font-size:2.2rem;box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 30%,transparent)}
.bt-pt{min-width:0;flex:1;position:relative}.bt-pt .s{margin:.3rem 0 0}
.bt-tags{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.6rem}
.bt-sq{aspect-ratio:1;display:flex;flex-direction:column;justify-content:space-between;padding:1rem;background:linear-gradient(150deg,color-mix(in srgb,var(--b) 82%,#fff),var(--b));color:var(--bf);border:0}
.bt-sq .bt-big{font-size:2.1rem}
.bt-sq .bt-t{font-weight:800;font-size:1rem;display:block}.bt-sq .bt-s{font-size:.78rem;opacity:.85;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bt-row{grid-column:span 2;display:flex;align-items:center;gap:.9rem;padding:.9rem 1rem;min-height:72px}
.bt-ic{width:48px;height:48px;border-radius:15px;flex:none;display:flex;align-items:center;justify-content:center;font-size:1.25rem;background:var(--b);color:var(--bf)}
.bt-tx{flex:1;min-width:0}.bt-row .bt-t{display:block;font-weight:700}.bt-row .bt-s{display:block;font-size:.82rem;color:var(--l2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bt-go{font-size:.8rem;color:var(--l3);transform:scaleX(-1)}
.bt-hero{min-height:112px;padding:1.2rem;background:linear-gradient(135deg,var(--b),color-mix(in srgb,var(--b) 60%,#000));color:var(--bf);border:0}
.bt-hero .bt-s,.bt-hero .bt-go{color:inherit;opacity:.85}.bt-hero .bt-ic{background:rgba(255,255,255,.2);color:inherit;width:56px;height:56px;font-size:1.5rem}.bt-hero .bt-t{font-size:1.15rem}
.bt-clock{grid-column:span 2;display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem}
.bt-cic{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--fg);font-size:1.3rem}
.bt-clock .clock{font-size:1.9rem}
.bt-foot{grid-column:span 2}
.bt-sqw{grid-column:span 2;aspect-ratio:auto;min-height:120px}

/* ===== وضع «بدون حركة» لكل القوالب ===== */
body.fx-none .nx-floor i,body.fx-none .nx-av::before,body.fx-none .nx-av::after,body.fx-none .nx-l,body.fx-none .nx-name::before,body.fx-none .nx-name::after,body.fx-none.t-aurora::before,body.fx-none .dot{animation:none!important}