html,body{margin:0;background:#0B0B0C;color:#F4F4F5}
.splash{position:fixed;inset:0;z-index:100;background:radial-gradient(80% 50% at 50% 100%,rgba(255,212,0,.12),transparent 70%),#0B0B0C;transition:opacity .45s;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",Roboto,"Segoe UI",system-ui,sans-serif}
.splash.out{opacity:0;pointer-events:none}
.splash .sg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:39px 39px;-webkit-mask:linear-gradient(transparent,#000 40%,transparent);mask:linear-gradient(transparent,#000 40%,transparent)}
.splash .cu{position:absolute;left:0;right:0;bottom:0;width:100%;height:58%}
.splash .cu path.l{stroke-dasharray:700;stroke-dashoffset:700;animation:draw 1.6s cubic-bezier(.5,0,.6,1) forwards}
.splash .cu path.f{opacity:0;animation:fade .6s 1s forwards}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes fade{to{opacity:1}}
.splash .sc0{position:absolute;left:0;right:0;top:22%;display:flex;flex-direction:column;align-items:center;gap:14px}
.splash .sc0 svg{width:56px;height:56px}
.splash h1{margin:0;font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:800;font-size:44px;letter-spacing:.2em;padding-left:.2em;line-height:1}
.splash .spm{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:800;font-size:64px;line-height:1;color:#FFD400;margin-top:18px;font-variant-numeric:tabular-nums}
.splash .ld{position:absolute;left:0;right:0;bottom:44px;text-align:center}
.splash small{font-size:12.5px;color:#A1A1AA;letter-spacing:.06em}
@media (prefers-reduced-motion:reduce){.splash *{animation:none!important}.splash .cu path.l{stroke-dashoffset:0}.splash .cu path.f{opacity:1}}