.login-light{z-index:0;opacity:.32;mix-blend-mode:soft-light;will-change:transform;animation:26s ease-in-out infinite alternate login-drift;position:absolute;inset:-8%}@keyframes login-drift{0%{transform:scale(1.08)translate(-1.5%,-1%)}to{transform:scale(1.16)translate(1.5%,1.2%)}}.login-ripple{z-index:1;pointer-events:none;width:0;height:0;position:absolute}.login-ripple span{opacity:0;border-radius:50%;width:420px;height:420px;animation:1.5s cubic-bezier(.16,.7,.3,1) both login-ring;position:absolute;top:-210px;left:-210px;box-shadow:0 0 0 1.5px #ffffffa6,inset 0 0 26px #ffffff24}.login-ripple span:nth-child(2){animation-delay:.14s}.login-ripple span:nth-child(3){animation-delay:.3s}@keyframes login-ring{0%{opacity:.85;transform:scale(.04)}to{opacity:0;transform:scale(1)}}.login-water{--phone:138px}.login-strip{scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x;cursor:grab;outline:none;align-items:flex-start;gap:44px;padding:0 30%;display:flex;position:relative;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000);mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000)}.login-strip::-webkit-scrollbar{display:none}.login-strip:focus-visible{outline-offset:-2px;outline:2px solid #fffc}.login-dragging{scroll-snap-type:none;cursor:grabbing;-webkit-user-select:none;user-select:none}.login-app{scroll-snap-align:center;flex:none;gap:12px;display:flex}.login-screen{width:var(--phone);aspect-ratio:393/852;border-radius:calc(var(--phone) * .13);flex:none;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff4d}.login-screen img{pointer-events:none;-webkit-user-select:none;user-select:none}.login-caption{color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#063a4a99}.login-arrow{width:40px;height:40px;color:var(--color-tide);background:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;transition:transform .15s;display:flex}.login-arrow:hover{transform:scale(1.06)}@media (min-width:1024px){.login-water{--phone:min(152px, calc((100dvh - 330px) * .4613))}}.login-code{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid;position:relative}.login-code input{opacity:0;cursor:text;width:100%;font-size:16px;position:absolute;inset:0}.login-cell{aspect-ratio:1/1.14;background:var(--color-foam);font-family:var(--font-lexend);color:var(--color-tide);border-radius:14px;justify-content:center;align-items:center;font-size:24px;font-weight:300;transition:box-shadow .15s,background-color .15s;display:flex;box-shadow:inset 0 0 0 1px #0b253014}.login-cell[data-active=true]{box-shadow:inset 0 0 0 2px var(--color-tide);background:#fff}.login-code[data-wrong=true] .login-cell{box-shadow:inset 0 0 0 1.5px #c8402e}.login-code[data-wrong=true]{animation:.32s login-nudge}@keyframes login-nudge{25%{transform:translate(-5px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}.login-step{animation:.32s cubic-bezier(.16,.7,.3,1) both login-step}@keyframes login-step{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.login-light,.login-ripple,.login-step,.login-code[data-wrong=true]{animation:none}.login-ripple{display:none}}