.os-intro{position:fixed;inset:0;z-index:100000;background:#151c28;display:grid;place-items:center;overflow:hidden;color:#fff;font-family:Manrope,Arial,sans-serif;transition:opacity .45s ease,visibility .45s;animation:osIntroFailsafe .4s 4s forwards}.os-intro[dir=rtl]{font-family:OnServiceCairo,Cairo,Tahoma,Arial,sans-serif}.os-intro::before{content:"";position:absolute;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,#ff792d16,transparent 65%);inset:50% auto auto 50%;transform:translate(-50%,-50%)}.os-intro::after{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:70px 70px;mask-image:radial-gradient(ellipse at center,#000,transparent 75%);pointer-events:none}.os-intro-center{position:relative;text-align:center;z-index:1;padding:35px;width:min(650px,95vw)}.os-intro-emblem{position:relative;width:124px;height:124px;margin:0 auto 28px;display:grid;place-items:center;animation:osIntroRise .7s both}.os-intro-emblem img{width:94px;height:94px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 6px 15px #0003)}.os-intro-emblem::before{content:"";position:absolute;inset:0;border:1px solid #ff8a3d50;border-radius:50%;animation:osIntroRing 1.8s ease-in-out both}.os-intro-emblem::after{content:"";position:absolute;inset:-13px;border-radius:50%;border:1px dashed #ffffff20;animation:osIntroSpin 9s linear infinite}.os-intro-brand{font-family:Manrope,Arial,sans-serif;font-size:clamp(30px,5.5vw,48px);line-height:1.3;letter-spacing:5px;font-weight:800;margin:0;direction:ltr;animation:osIntroRise .7s .15s both}.os-intro-brand span{color:#ff833d}.os-intro-service{font-size:15px;letter-spacing:.5px;color:#b9c4d5;margin:15px 0 0;animation:osIntroRise .7s .3s both}.os-intro-tagline{font-size:clamp(19px,3.3vw,27px);line-height:1.9;font-weight:600;margin:20px 0 25px;animation:osIntroRise .7s .45s both}.os-intro-line{width:190px;height:2px;margin:auto;overflow:hidden;background:#ffffff12;border-radius:3px}.os-intro-line span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#ffad51,#ff6d2b);transform-origin:left;animation:osIntroLine 1.9s ease-in-out both}.os-intro-foot{position:absolute;bottom:max(30px,env(safe-area-inset-bottom));inset-inline-start:32px;font:11px/1.8 Manrope,Arial;color:#8f9cb0;letter-spacing:2px}.os-intro-skip{position:absolute;z-index:2;top:25px;inset-inline-end:25px;border:1px solid #ffffff30;border-radius:40px;color:#e1e7f0;background:#ffffff08;padding:9px 18px;font:14px/1.7 inherit;cursor:pointer}.os-intro-skip:hover{background:#ffffff16}.os-intro-skip:focus-visible{outline:2px solid #ff9b59;outline-offset:4px}.os-intro.exiting{opacity:0;visibility:hidden;pointer-events:none}.os-intro-active{overflow:hidden!important}@keyframes osIntroRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes osIntroLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes osIntroRing{0%{opacity:0;transform:scale(.8)}50%{opacity:1}100%{opacity:.7;transform:scale(1)}}@keyframes osIntroSpin{to{transform:rotate(360deg)}}@keyframes osIntroFailsafe{to{opacity:0;visibility:hidden;pointer-events:none}}@media(max-width:600px){.os-intro-emblem{width:110px;height:110px}.os-intro-emblem img{width:85px;height:85px}.os-intro-service{font-size:14px}.os-intro-foot{font-size:9px;inset-inline-start:22px;letter-spacing:1px}.os-intro-skip{top:18px;inset-inline-end:18px}}@media(prefers-reduced-motion:reduce){.os-intro{display:none!important}.os-intro-active{overflow:auto!important}}