/* MDN v1.6 — crisp logo intro, premium header motion and WhatsApp help. */
.mdn-intro {
  position:fixed; inset:0; z-index:999999; display:grid; place-items:center;
  color:#fff; background:radial-gradient(ellipse at 50% 44%,#30333b 0%,#101216 29%,#040506 75%);
  overflow:hidden; opacity:1; visibility:visible; transition:opacity .5s ease, visibility .5s ease; animation:mdn-intro-failsafe .01s 4s forwards;
}
.mdn-intro::before {
  content:"";position:absolute;inset:-25%;opacity:.12;pointer-events:none;
  background:repeating-linear-gradient(120deg,transparent 0 75px,#fff 76px,transparent 78px);
  animation:mdn-intro-light 8s linear infinite;
}
.mdn-intro--exit { opacity:0;visibility:hidden;pointer-events:none; }
.mdn-intro__center { position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:44px 20px;width:min(95vw,520px); }
.mdn-intro__orbit {
  position:absolute;z-index:-1;top:45%;left:50%;width:min(82vw,400px);height:170px;
  border:1px solid #ffffff73;border-radius:50%;box-shadow:0 0 32px #ffffff25,inset 0 0 32px #ffffff12;
  transform:translate(-50%,-50%) rotate(-24deg);animation:mdn-intro-orbit 4.4s ease-in-out infinite alternate;
}
.mdn-intro__logo { position:relative;display:block;width:clamp(210px,48vw,330px);height:auto;filter:drop-shadow(0 7px 24px #ffffff6b);animation:mdn-intro-logo .8s cubic-bezier(.18,.8,.2,1) both; }
.mdn-intro__tagline { font:700 clamp(9px,1.7vw,12px)/1.6 Cairo,Arial,sans-serif!important;color:#c9ccd2;letter-spacing:.22em;text-align:center;animation:mdn-intro-copy 1s ease both; }
.mdn-intro__progress { width:min(66vw,210px);height:2px;overflow:hidden;border-radius:6px;background:#ffffff2a; }
.mdn-intro__progress i {display:block;width:100%;height:100%;background:linear-gradient(90deg,#7b808a,#fff,#bfc4ce);transform-origin:left center;animation:mdn-intro-progress 1.15s cubic-bezier(.17,.8,.32,1) both;}
.header { animation:mdn-header-appear .72s cubic-bezier(.19,1,.22,1) both; transition:background-color .35s ease,box-shadow .35s ease,border-color .35s ease!important; }
.header .nav { transition:min-height .35s ease; }
.header .brand { position:relative;overflow:hidden; }
.header .brand img { animation:mdn-brand-appear .85s .15s both;transition:transform .35s ease,filter .35s ease!important; }
.header .brand:hover img,.header .brand:focus-visible img { transform:scale(1.045);filter:drop-shadow(0 0 13px #ffffff90); }
.header .brand::after { content:"";pointer-events:none;position:absolute;inset:-45%;width:22%;height:190%;background:linear-gradient(90deg,transparent,#ffffff60,transparent);transform:translateX(-350%) rotate(20deg);animation:mdn-brand-sheen 1.45s 1.3s ease-in-out 1 both; }
.header.mdn-header--scrolled { background:rgba(4,5,7,.985)!important;border-color:#ffffff5c;box-shadow:0 10px 33px #000c,0 1px 0 #ffffff21; }
.header.mdn-header--scrolled .nav { min-height:75px; }
.header .menu a:not(.btn) { transition:color .25s ease,transform .25s ease; }
.header .menu a:not(.btn):hover { color:#fff;transform:translateY(-2px); }
.mdn-wa-hint {grid-column:1/-1;color:#c7cbd2;font-size:12px;line-height:1.8;margin:2px 0 6px!important;padding:10px 12px;border:1px solid #ffffff35;background:#ffffff08;border-radius:9px;}
.mdnc-v15 .mdn-wa-hint {color:#c7cbd2;font-size:12px;}
@keyframes mdn-intro-logo { from { opacity:0;transform:translateY(14px) scale(.87);filter:blur(4px); } to {opacity:1;transform:none;filter:drop-shadow(0 7px 24px #ffffff6b);} }
@keyframes mdn-intro-copy {from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@keyframes mdn-intro-progress {from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes mdn-intro-orbit {from{transform:translate(-50%,-50%) rotate(-25deg)}to{transform:translate(-50%,-50%) rotate(155deg)}}
@keyframes mdn-intro-light {from{transform:translateX(-2%)}to{transform:translateX(2%)}}
@keyframes mdn-header-appear {from{opacity:0;transform:translateY(-22px)}to{opacity:1;transform:none}}
@keyframes mdn-brand-appear {from{opacity:.3;transform:scale(.92)}to{opacity:1;transform:none}}
@keyframes mdn-brand-sheen {0%,15%{transform:translateX(-350%) rotate(20deg)}70%,100%{transform:translateX(750%) rotate(20deg)}}
@media(max-width:650px){.header.mdn-header--scrolled .nav{min-height:70px}.header.mdn-header--scrolled .menu{top:70px}.mdn-intro__orbit{height:125px}.mdn-intro__center{gap:16px}}
@media(prefers-reduced-motion:reduce){.mdn-intro{display:none!important}.header,.header .brand img,.header .brand::after,.mdn-intro *, .mdn-intro::before{animation:none!important;transition:none!important}.header .menu a:not(.btn){transition:none}}

@keyframes mdn-intro-failsafe {to{opacity:0;visibility:hidden;pointer-events:none}}