.splash{--m:168px;--rouge:#b8000a;--rouge-clair:#e8404a;z-index:999;background-color:#0b0b0c;background-image:radial-gradient(82% 50%,#050507cc 0%,#0505076b 56%,#05050729 100%),url(/ouverture.jpg);background-position:50%,50%;background-repeat:no-repeat;background-size:auto,cover;flex-direction:column;justify-content:center;align-items:center;gap:26px;animation:.24s ease-out both splash-in;display:flex;position:fixed;inset:0;overflow:hidden}.splash:before{content:"";opacity:0;background:repeating-linear-gradient(100deg,#ffffff0b 0 2px,#0000 2px 30px);position:absolute;inset:-14%;-webkit-mask-image:radial-gradient(circle at 50% 46%,#0000 16%,#000 64%);mask-image:radial-gradient(circle at 50% 46%,#0000 16%,#000 64%)}.splash.ready:before{animation:1s ease-out .25s forwards splash-stripes,9s linear both splash-drift}.splash:after{content:"";background:radial-gradient(circle calc(var(--m) * 2.15) at 50% 46%, #b8000a4d, transparent 70%);opacity:0;position:absolute;inset:0}.splash.ready:after{animation:1.5s ease-out .3s forwards splash-glow}@keyframes splash-in{0%{opacity:0}to{opacity:1}}@keyframes splash-stripes{to{opacity:1}}@keyframes splash-drift{0%{transform:translate(0,0)}to{transform:translate(-3%,2%)}}@keyframes splash-glow{to{opacity:1}}.splash.out{pointer-events:none;animation:.52s cubic-bezier(.5,0,.75,0) both splash-out}@keyframes splash-out{0%{opacity:1;transform:scale(1)}24%{opacity:1;transform:scale(.968)}to{opacity:0;transform:scale(1.24)}}.splash.out .splash-mark{animation:.52s cubic-bezier(.5,0,.75,0) both splash-mark-out}@keyframes splash-mark-out{0%{filter:blur();transform:scale(1)}24%{transform:scale(.96)}to{filter:blur(7px);transform:scale(1.5)}}.splash-scan{background:linear-gradient(90deg, transparent, var(--rouge) 24%, #fff 50%, var(--rouge) 76%, transparent);height:1px;animation:.78s cubic-bezier(.16,1,.3,1) both splash-scan;position:absolute;top:calc(50% - 1px);left:-50vw;right:-50vw;transform:scaleX(0)}@keyframes splash-scan{0%{opacity:0;transform:scaleX(.02)}18%{opacity:1}60%{opacity:.9;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}.splash-mark{width:var(--m);height:var(--m);place-items:center;display:grid;position:relative}.splash-mark img{z-index:1;width:var(--m);height:var(--m);object-fit:contain;animation:.74s cubic-bezier(.22,1.28,.5,1) .24s both splash-focus;position:relative}@keyframes splash-focus{0%{opacity:0;filter:blur(14px);transform:translateY(-1.76%)scale(.668)rotate(-7deg)}60%{opacity:1}to{opacity:1;filter:blur();transform:translateY(-1.76%)scale(1.0775)rotate(0)}}.splash-ring{inset:calc(var(--m) * -.2);width:calc(100% + var(--m) * .4);height:calc(100% + var(--m) * .4);fill:none;position:absolute;overflow:visible;transform:rotate(-90deg)}.ring-trace{stroke:var(--rouge);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:629;stroke-dashoffset:629px;animation:.86s cubic-bezier(.22,1,.36,1) .36s both splash-trace}@keyframes splash-trace{to{stroke-dashoffset:0}}.ring-sweep{stroke:#ffffff8c;stroke-width:1px;stroke-linecap:round;stroke-dasharray:150 429;stroke-dashoffset:0;animation:1.05s cubic-bezier(.33,0,.25,1) .5s both splash-sweep}@keyframes splash-sweep{0%{opacity:0;stroke-dashoffset:0}22%{opacity:1}78%{opacity:1}to{opacity:0;stroke-dashoffset:-578px}}.ring-ticks{stroke:#ffffff4d;stroke-width:3px;stroke-dasharray:2 10.93;transform-origin:110px 110px;animation:.8s ease-out .62s both splash-ticks-in,24s linear .62s infinite splash-ticks-turn}@keyframes splash-ticks-in{0%{opacity:0;stroke-width:8px}to{opacity:1;stroke-width:3px}}@keyframes splash-ticks-turn{to{rotate:360deg}}.splash-bloom{inset:calc(var(--m) * -.083);border:2px solid var(--rouge);opacity:0;border-radius:50%;animation:.66s cubic-bezier(.12,.9,.3,1) .94s both splash-bloom;position:absolute}@keyframes splash-bloom{0%{opacity:.75;transform:scale(.9)}to{opacity:0;transform:scale(1.62)}}.splash-gleam{z-index:2;pointer-events:none;background:linear-gradient(68deg,#0000 40%,#ffffff80 50%,#ffffff14 56%,#0000 62%) 0 0/280% 280%;animation:.78s cubic-bezier(.4,0,.3,1) .98s both splash-gleam;position:absolute;inset:0;transform:translateY(-1.76%)scale(1.0775);-webkit-mask-image:url(/logo-mashouda.png);mask-image:url(/logo-mashouda.png);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes splash-gleam{0%{background-position:150% 150%}to{background-position:-55% -55%}}.splash-name{z-index:1;text-align:center;color:#fafafa;font-family:var(--font,ui-sans-serif, system-ui, sans-serif);margin:0;line-height:1.1;position:relative}.splash-name span{font-size:27px;font-weight:750;animation:.68s cubic-bezier(.22,1,.36,1) 1.02s both splash-reveal;display:block}@keyframes splash-reveal{0%{opacity:0;clip-path:inset(0 100% 0 0);letter-spacing:.2em}to{opacity:1;clip-path:inset(0 -6% 0 0);letter-spacing:-.02em}}.splash-name b{text-transform:uppercase;color:var(--rouge-clair);margin-top:6px;font-size:12px;font-weight:650;animation:.58s cubic-bezier(.22,1,.36,1) 1.26s both splash-track;display:block}@keyframes splash-track{0%{opacity:0;letter-spacing:.06em}to{opacity:1;letter-spacing:.24em}}.splash-rule{background:linear-gradient(90deg, transparent, var(--rouge-clair), transparent);width:68px;height:1px;margin:14px auto 0;animation:.5s cubic-bezier(.22,1,.36,1) 1.34s both splash-rule;display:block;transform:scaleX(0)}@keyframes splash-rule{to{transform:scaleX(1)}}@media (width<=480px){.splash{--m:138px}.splash-name span{font-size:23px}}@media (width>=900px){.splash{--m:208px}.splash-name span{font-size:34px}.splash-name b{font-size:13px}.splash-rule{width:84px}}@media (prefers-reduced-motion:reduce){.splash,.splash.ready:before,.splash.ready:after,.splash-scan,.splash-mark img,.splash-bloom,.splash-gleam,.ring-trace,.ring-sweep,.splash-name span,.splash-name b,.splash-rule{animation-duration:10ms;animation-delay:0s}.ring-ticks{opacity:1;animation:none}}