.loader-container{z-index:9999;background-color:rgba(0,0,0,.5);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.loader{perspective:1000px;width:200px;height:200px;position:relative}.cube{transform-style:preserve-3d;width:100%;height:100%;animation:10s linear infinite rotate;position:absolute}.face{color:#fff;background:rgba(0,255,255,.1);border:2px solid #0ff;justify-content:center;align-items:center;width:200px;height:200px;font-size:40px;display:flex;position:absolute}.face-red{background:rgba(255,0,0,.1);border:2px solid red}.face-green{background:rgba(0,255,0,.1);border:2px solid green}.face-blue{background:rgba(0,0,255,.1);border:2px solid #00f}.front{transform:rotateY(0)translateZ(100px)}.back{transform:rotateY(180deg)translateZ(100px)}.right{transform:rotateY(90deg)translateZ(100px)}.left{transform:rotateY(-90deg)translateZ(100px)}.top{transform:rotateX(90deg)translateZ(100px)}.bottom{transform:rotateX(-90deg)translateZ(100px)}@keyframes rotate{0%{transform:rotateX(0)rotateY(0)}to{transform:rotateX(360deg)rotateY(360deg)}}.particles{width:100%;height:100%;position:absolute}.particle{background-color:#fff;border-radius:50%;animation:5s ease-in-out infinite float;position:absolute}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(180deg)}}.task-title{color:#fff;text-shadow:0 0 10px #000;z-index:1;margin-top:100px;font-size:24px;font-weight:700}body{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{background:#000!important}