@font-face{font-family:ClinicArabic;src:url(../../../../design/fonts/NotoSansArabic-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:ClinicArabic;src:url(../../../../design/fonts/NotoSansArabic-Bold.ttf)format("truetype");font-weight:700;font-display:swap}@font-face{font-family:ClinicLatin;src:url(../../../../design/fonts/NotoSans-Regular.ttf)format("truetype");font-weight:400;font-display:swap}body{margin:0}.clinic-startup{container-type:inline-size}.splash-screen,.splash-screen *{box-sizing:border-box}.splash-screen{isolation:isolate;min-height:var(--splash-height,100vh);min-height:var(--splash-height,100dvh);padding:48px 24px max(26px, env(safe-area-inset-bottom));color:#083c68;background:#f6f8f5;grid-template-rows:1fr auto;justify-items:center;font:400 1.6px ClinicArabic,Tahoma,sans-serif;display:grid;position:relative;overflow:hidden}.splash-content{text-align:center;flex-direction:column;align-self:center;align-items:center;gap:30px;width:min(100%,640px);padding:24px 0 50px;display:flex}.splash-seal{object-fit:contain;width:216px;max-width:100%;height:216px;animation:.6s cubic-bezier(.2,.7,.2,1) both splash-enter;display:block}.splash-wordmark{animation:.6s cubic-bezier(.2,.7,.2,1) .15s both splash-enter}.splash-wordmark h1{margin:0;font-size:40px;font-weight:700;line-height:1.6}.splash-wordmark p{letter-spacing:2px;color:#526a73;margin:8px 0 0;font:12px/1.5 ClinicLatin,sans-serif}.splash-promise{color:#526a73;margin:0;font-size:19px;animation:.6s ease-out .3s both splash-enter}.splash-status{justify-items:center;gap:14px;animation:.45s ease-out 1.2s both splash-status-in;display:grid}.splash-status p{color:#526a73;margin:0;font-size:14px}.splash-dots{direction:ltr;gap:6px;height:5px;display:flex}.splash-dots i{background:#008e83;border-radius:50%;width:5px;height:5px;animation:1.4s ease-in-out infinite splash-pulse}.splash-dots i:nth-child(2){animation-delay:.18s}.splash-dots i:nth-child(3){animation-delay:.36s}.splash-footer{letter-spacing:.8px;color:#526a73;justify-items:center;gap:12px;font:10px/1.5 ClinicLatin,sans-serif;display:grid}.splash-footer:before{content:"";background:#008e8373;width:24px;height:1px}.splash-contours{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.splash-contours i{border:1px solid #008e830e;border-radius:50%;width:1000px;height:1000px;position:absolute;top:40%;left:-730px}.splash-contours i:nth-child(2){width:1120px;height:1120px;margin-top:-60px;left:-790px}.splash-contours i:nth-child(3){width:1240px;height:1240px;margin-top:-120px;left:-850px}.splash-recovery{justify-items:center;gap:12px;width:100%;display:grid}.splash-warning{color:#90601f;background:#f5ecdd;border-radius:50%;place-items:center;width:40px;height:40px;font:24px/1 ClinicLatin,sans-serif;display:grid}.splash-recovery h2{margin:0;font-size:20px;line-height:1.6}.splash-recovery p{color:#526a73;overflow-wrap:anywhere;max-width:360px;margin:0;font-size:14px;line-height:1.8}.splash-retry{color:#fff;cursor:pointer;background:#083c68;border:0;border-radius:14px;width:min(100%,294px);min-height:50px;padding:12px 20px;font:700 16px/1.6 ClinicArabic,sans-serif;transition:background .16s,transform .16s}.splash-retry:hover{background:#0b4f86}.splash-retry:active{transform:scale(.98)}.splash-retry:focus-visible{outline-offset:4px;outline:3px solid #008e83}.splash-error .splash-seal{width:128px;height:128px}.splash-error .splash-seal,.splash-error .splash-wordmark{animation:none}@container (width<=600px){.splash-screen{padding:28px 24px max(36px, env(safe-area-inset-bottom))}.splash-content{gap:24px;padding:24px 0 50px}.splash-seal{width:156px;height:156px}.splash-wordmark h1{font-size:28px}.splash-wordmark p{letter-spacing:1.2px;font-size:10px}.splash-promise{font-size:16px}.splash-status p{font-size:13px}.splash-contours i{width:480px;height:480px;top:54%;left:-350px}.splash-contours i:nth-child(2){width:560px;height:560px;margin-top:-30px;left:-390px}.splash-contours i:nth-child(3){width:640px;height:640px;margin-top:-60px;left:-430px}}@container (width<=350px){.splash-wordmark h1{font-size:24px}.splash-wordmark p{letter-spacing:.8px;font-size:9px}}@keyframes splash-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes splash-status-in{0%{opacity:0}to{opacity:1}}@keyframes splash-pulse{0%,to{opacity:.3}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.splash-screen *,.splash-screen :before{transition:none!important;animation:none!important}}
