/* Split the Check - atomic Check page boot skeleton - v1.5.17
 *
 * Keeps every intermediate Check state behind one branded loading surface.
 * The real page is revealed only after index.html marks the final UI settled.
 */

.check-boot-brand{display:none}

html:not(.check-ui-boot-timeout):not(.check-ui-final-ready) body{
  overflow:hidden!important;
}

html:not(.check-ui-boot-timeout):not(.check-ui-final-ready) .check-page{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

html:not(.check-ui-boot-timeout):not(.check-ui-final-ready) body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:2147483000;
  background:#f5f5f7;
}

html:not(.check-ui-boot-timeout):not(.check-ui-final-ready) .check-boot-brand{
  position:fixed;
  z-index:2147483002;
  top:max(16px,env(safe-area-inset-top));
  left:50%;
  display:flex;
  align-items:center;
  width:min(728px,calc(100vw - 32px));
  height:44px;
  transform:translateX(-50%);
  pointer-events:none;
}

html:not(.check-ui-boot-timeout):not(.check-ui-final-ready) .check-boot-brand img{
  display:block;
  width:142px;
  max-width:42vw;
  max-height:44px;
  object-fit:contain;
  object-position:left center;
}

html:not(.check-ui-boot-timeout):not(.check-ui-final-ready) body::after{
  content:"";
  position:fixed;
  z-index:2147483001;
  top:max(20px,env(safe-area-inset-top));
  left:50%;
  width:min(728px,calc(100vw - 32px));
  height:min(760px,calc(100vh - 28px));
  transform:translateX(-50%);
  pointer-events:none;
  background-repeat:no-repeat,no-repeat;
  background-position:-260px 0,top center;
  background-size:240px 100%,100% 760px;
  background-image:
    linear-gradient(105deg,transparent 0%,transparent 22%,rgba(255,255,255,.12) 34%,rgba(255,255,255,.88) 50%,rgba(255,255,255,.12) 66%,transparent 78%,transparent 100%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='728' height='760' viewBox='0 0 728 760' preserveAspectRatio='none'%3E%3Cg fill='none'%3E%3Ccircle cx='696' cy='22' r='22' fill='%23e5e9ee'/%3E%3Crect x='0' y='70' width='728' height='68' rx='18' fill='%23ffffff'/%3E%3Crect x='18' y='95' width='118' height='16' rx='8' fill='%23e8ecf1'/%3E%3Crect x='594' y='88' width='116' height='32' rx='16' fill='%23edf0f4'/%3E%3Crect x='0' y='154' width='728' height='68' rx='18' fill='%23ffffff'/%3E%3Crect x='18' y='179' width='154' height='16' rx='8' fill='%23e8ecf1'/%3E%3Crect x='676' y='172' width='34' height='32' rx='10' fill='%23edf0f4'/%3E%3Crect x='0' y='238' width='728' height='68' rx='18' fill='%23ffffff'/%3E%3Crect x='18' y='263' width='92' height='16' rx='8' fill='%23e8ecf1'/%3E%3Crect x='614' y='256' width='96' height='32' rx='16' fill='%23edf0f4'/%3E%3Crect x='0' y='322' width='728' height='188' rx='18' fill='%23ffffff'/%3E%3Crect x='18' y='345' width='80' height='16' rx='8' fill='%23e8ecf1'/%3E%3Crect x='560' y='338' width='150' height='32' rx='16' fill='%23edf0f4'/%3E%3Crect x='18' y='386' width='692' height='28' rx='12' fill='%23f1f3f6'/%3E%3Crect x='18' y='425' width='692' height='28' rx='12' fill='%23f1f3f6'/%3E%3Crect x='18' y='464' width='520' height='28' rx='12' fill='%23f1f3f6'/%3E%3Crect x='0' y='526' width='728' height='68' rx='18' fill='%23ffffff'/%3E%3Crect x='18' y='551' width='138' height='16' rx='8' fill='%23e8ecf1'/%3E%3Crect x='676' y='544' width='34' height='32' rx='10' fill='%23edf0f4'/%3E%3Crect x='0' y='610' width='728' height='132' rx='18' fill='%23ffffff'/%3E%3Crect x='18' y='633' width='94' height='16' rx='8' fill='%23e8ecf1'/%3E%3Crect x='594' y='626' width='116' height='32' rx='16' fill='%23edf0f4'/%3E%3Crect x='18' y='681' width='692' height='12' rx='6' fill='%23f0f2f5'/%3E%3Crect x='18' y='707' width='430' height='12' rx='6' fill='%23f0f2f5'/%3E%3C/g%3E%3C/svg%3E");
  animation:check-skeleton-shimmer 1.25s linear infinite;
}

html.check-ui-final-ready .check-page{
  animation:check-page-settled-reveal .18s ease-out both;
}

@keyframes check-skeleton-shimmer{
  from{background-position:-260px 0,top center}
  to{background-position:calc(100% + 260px) 0,top center}
}

@keyframes check-page-settled-reveal{
  from{opacity:0}
  to{opacity:1}
}

@media(max-width:520px){
  html:not(.check-ui-boot-timeout):not(.check-ui-final-ready) .check-boot-brand{
    top:max(12px,env(safe-area-inset-top));
    width:calc(100vw - 24px);
    height:42px;
  }
  html:not(.check-ui-boot-timeout):not(.check-ui-final-ready) .check-boot-brand img{
    width:132px;
    max-height:42px;
  }
  html:not(.check-ui-boot-timeout):not(.check-ui-final-ready) body::after{
    top:max(14px,env(safe-area-inset-top));
    width:calc(100vw - 24px);
    height:min(740px,calc(100vh - 20px));
    background-size:220px 100%,100% 740px;
  }
}

@media(prefers-reduced-motion:reduce){
  html:not(.check-ui-boot-timeout):not(.check-ui-final-ready) body::after{
    animation:none;
    background-position:-260px 0,top center;
  }
  html.check-ui-final-ready .check-page{
    animation:none;
  }
}