.splash{--void:#05080b;--ok2:#4cc38a;--err2:#ffb4be;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff;isolation:isolate;min-height:100dvh;padding-block:2rem;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));background:radial-gradient(120% 90% at 50% 30%,#3a97e0 0%,#2f7fc2 40%,#1e5a8f 75%,#0f2f4d 100%);place-items:center;display:grid;position:relative;overflow:hidden}.splash .rays{z-index:0;pointer-events:none;opacity:0;background:repeating-conic-gradient(#ffffff1c 0deg 5deg,#0000 5deg 15deg);width:220vmax;height:220vmax;position:absolute;top:0;left:50%;-webkit-mask:radial-gradient(circle,#000 0%,#0000 38%);mask:radial-gradient(circle,#000 0%,#0000 38%)}.splash canvas{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.splash .dark{z-index:2;background:var(--void);pointer-events:none;position:absolute;inset:0}.splash .beams{z-index:2;pointer-events:none;position:absolute;inset:0}.splash .beams i{transform-origin:50% 100%;opacity:0;filter:blur(3px);clip-path:polygon(47% 100%,53% 100%,100% 0,0 0);mix-blend-mode:screen;background:linear-gradient(#0000 8%,#96cdff4d 50%,#c8e6fff2);width:30vw;min-width:10rem;height:160%;position:absolute;bottom:-10%}.splash .content{z-index:3;text-align:center;justify-items:center;gap:1.2rem;width:100%;max-width:30rem;display:grid;position:relative}.splash .lion{z-index:4;will-change:transform, filter;width:min(80vw,24rem);max-width:100%;position:relative}.splash .lion img{width:100%;height:auto;display:block}.splash .tag{font:700 .9rem/1 var(--label);text-transform:uppercase;letter-spacing:.32em;margin:0}.splash h1{font:900 clamp(2.8rem, 11vw, 4.4rem)/.95 var(--display);text-transform:uppercase;margin:0}.splash h1 span{color:#13171a}.splash .tag,.splash h1,.splash form{opacity:0}.splash form{text-align:left;background:#13171a;border-radius:6px;gap:.8rem;width:100%;padding:1.4rem;display:grid;box-shadow:0 24px 50px #00000059}.splash label{font:600 .82rem/1 var(--label);letter-spacing:.14em;text-transform:uppercase;color:#b9c4cf}.splash .r{flex-wrap:wrap;gap:.5rem;display:flex}.splash input{color:#13171a;min-width:0;font:500 1rem var(--body);background:#fff;border:2px solid #3a97e0;border-radius:4px;flex:14rem;padding:.85rem .9rem}.splash button{color:#13171a;font:700 1rem/1 var(--label);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:#3a97e0;border:0;border-radius:4px;flex:none;padding:.85rem 1.2rem}.splash button:hover{background:#57a9ea}.splash button:disabled{opacity:.6;cursor:wait}.splash input:focus-visible,.splash button:focus-visible{outline-offset:2px;outline:3px solid #fff}.splash .hint{color:#b9c4cf;font-size:.9rem}.splash label.remember{font:500 .92rem/1.35 var(--body);letter-spacing:0;text-transform:none;color:#dce3ea;cursor:pointer;align-items:center;gap:.55rem;margin-top:.2rem;display:flex}.splash .remember input{accent-color:#3a97e0;flex:none;width:1.15rem;height:1.15rem;margin:0;padding:0}.splash .msg{border-radius:4px;padding:.6rem .75rem;font-size:.92rem}.splash .msg.ok{color:var(--ok2);background:#4cc38a29}.splash .msg.err{color:var(--err2);background:#e5485c33}.splash .tabs{background:#0b0e10;border-radius:4px;grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.splash .tabs button{color:#8c99a6;background:0 0;padding:.65rem .5rem;font-size:.9rem}.splash .tabs button.on{color:#fff;background:#242b32}.splash .tabs button:hover{background:#1b2127}.splash .linkish{color:#8fc6f2;font:500 .9rem var(--body);text-transform:none;letter-spacing:0;background:0 0;justify-self:start;padding:0;text-decoration:underline}.splash .linkish:hover{color:#fff;background:0 0}.splash .steps{font:700 .78rem/1 var(--label);letter-spacing:.12em;text-transform:uppercase;color:#6f7c89;gap:.4rem;margin:0 0 .2rem;padding:0;list-style:none;display:grid}.splash .steps li{gap:.4rem;display:grid}.splash .steps li:before{content:"";background:#2a3138;border-radius:2px;height:4px}.splash .steps li.on{color:#fff}.splash .steps li.on:before{background:#3a97e0}.splash .steps li.ok{color:#b9c4cf}.splash .steps li.ok:before{background:var(--ok2)}.splash .step{gap:.7rem;display:grid}.splash .step>input{width:100%}.splash .code{letter-spacing:.5em;font:700 1.3rem var(--label);text-align:center}.splash .meter{background:#2a3138;border-radius:3px;height:6px;overflow:hidden}.splash .meter i{background:var(--err2);width:0;height:100%;transition:width .25s,background .25s;display:block}.splash .rules{color:#8c99a6;gap:.3rem;margin:0;padding:0;font-size:.88rem;list-style:none;display:grid}.splash .rules li:before{content:"○ "}.splash .rules li.ok{color:var(--ok2)}.splash .rules li.ok:before{content:"✓ "}.splash .done{font:800 1.6rem/1.1 var(--display);text-transform:uppercase;color:#3a97e0;margin:0}.splash .ctl{z-index:6;bottom:max(14px, env(safe-area-inset-bottom,0px));right:max(14px, env(safe-area-inset-right,0px));color:#fff;font:600 .8rem/1 var(--label);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:#13171a8c;border:1px solid #ffffff59;border-radius:999px;padding:.5rem .9rem;position:absolute}.splash .legal{z-index:6;bottom:max(18px, env(safe-area-inset-bottom,0px));left:max(16px, env(safe-area-inset-left,0px));font:600 .75rem/1 var(--label);letter-spacing:.12em;text-transform:uppercase;color:#fff9;text-decoration:none;position:absolute}.splash .legal:hover{color:#fff}
