.login-hero{z-index:1;background:0 0;position:absolute;inset:0 0 0 41.6667%;overflow:hidden}#login-hero-canvas{width:100%;height:100%;position:absolute;inset:0}#login-hero-canvas canvas{opacity:0;transition:opacity .6s;display:block}.login-hero.is-loading #login-hero-canvas canvas,.login-hero.is-loading .hero-projects{opacity:0;pointer-events:none}.login-hero:not(.is-loading) #login-hero-canvas canvas{opacity:1}.login-hero-loader{z-index:3;opacity:1;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:absolute;inset:0}.login-hero:not(.is-loading) .login-hero-loader{opacity:0;pointer-events:none}.login-hero-spinner{border:3px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite login-hero-spin}@keyframes login-hero-spin{to{transform:rotate(360deg)}}.hero-projects{z-index:2;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0;padding:0 1rem;list-style:none;display:flex;position:absolute;bottom:2.5rem;left:0;right:0}.hero-project{letter-spacing:.02em;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f;border:1px solid #ffffff80;border-radius:2rem;padding:.5rem 1rem;font-family:inherit;font-size:.75rem;font-weight:600;transition:background .2s,color .2s,transform .2s}.hero-project:hover{background:#ffffff40;transform:translateY(-1px)}.hero-project.active{color:#2e63fd;background:#fff;border-color:#fff}@media (width<=991.98px){.login-hero{display:none}}