@import"https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400&display=swap";._content_1kbjr_1{z-index:5;padding:5px;background-color:#34353a;width:360px;position:relative;overflow:hidden}._content_1kbjr_1:before{content:"";position:absolute;filter:blur(17px);top:50%;left:50%;width:100%;height:140px;background-color:#e81cff;animation-duration:5s;animation-name:_moveLine_1kbjr_1;animation-iteration-count:infinite;animation-timing-function:linear;transform-origin:left center}._content_1kbjr_1:after{content:"";z-index:-1;position:absolute;filter:blur(17px);top:50%;right:50%;width:100%;height:140px;background-color:#40c9ff;animation-duration:5s;animation-name:_moveLine_1kbjr_1;animation-iteration-count:infinite;animation-timing-function:linear;transform-origin:right center}@keyframes _moveLine_1kbjr_1{form{transform:rotate(0)}to{transform:rotate(360deg)}}.form{background-color:#c4c4c2;display:inline;width:100%;height:100%}.boxs{position:relative;width:100%;height:90px;transform-style:preserve-3d;transition:transform .3s linear}.boxs .box-top,.boxs .box-before{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#34353a;transform:translateZ(44px)}.boxs .box-top{transform:rotateX(90deg) translateZ(45px)}:root{--time: .5s }form div:nth-child(1){transition-delay:calc(var(--time) - .5s)}form div:nth-child(2){transition-delay:calc(var(--time) - .4s)}form div:nth-child(3){transition-delay:calc(var(--time) - .3s)}form div:nth-child(4){transition-delay:calc(var(--time) - .2s)}form div:nth-child(5){transition-delay:calc(var(--time) - .1s)}form.switch div:nth-child(1){transition-delay:calc(var(--time) - .1s)}form.switch div:nth-child(2){transition-delay:calc(var(--time) - .2s)}form.switch div:nth-child(3){transition-delay:calc(var(--time) - .3)}form.switch div:nth-child(4){transition-delay:calc(var(--time) - .4s)}form.switch div:nth-child(5){transition-delay:calc(var(--time) - .5s)}form.switch div{transform:rotateX(-90deg)}form.switch{gap:20px}.input-box{display:flex;flex-direction:column;gap:10px}.input-box .typeBlock{color:#fff;font-size:1.2rem;transform:translate(-80px);transition:all .2s cubic-bezier(.68,-.55,.265,1.55)}.input-box:focus-within .typeBlock{transform:translate(0)}.input-box input{display:inline-block;position:relative;width:76%;height:40px;border:none;background-color:#737780;box-shadow:8px -8px 0 -1px #fc2947cf;transition:all .1s linear;color:#fff;font-size:1.2rem;text-indent:20px}.input-box input:hover{box-shadow:-8px 8px 0 -1px #fc2947cf;transform:scale(1.1)}.input-box input:focus,.input-box input:active{box-shadow:-8px 8px 0 -1px #8bdb81cf;transform:scale(1.1);transition:all .1s linear;border:none;outline:none}.input-box input:valid{box-shadow:0 0 0 4px #8bdb81cf}.boxHead{color:#fff;font-size:34px}.button-box{font-size:26px;padding:0 20px;height:43px;border:none;border-radius:2px;cursor:pointer;transition:all cubic-bezier(.25,.46,.45,.94) .2s}.button-box:focus{outline:none}.button-box:hover{transform:scale(1.1);padding:0 34px}.button-help{color:#fff;font-size:16px}.button-help p{margin-right:10px}.button-help a{text-decoration:none;color:#c00}.button-help a:hover span{font-size:23px;color:#54b435;transition:all cubic-bezier(.175,.885,.32,1.275) .2s}*{margin:0;box-sizing:border-box;font-family:Comfortaa,cursive}body{display:flex;justify-content:center;align-items:center;background:url(/bg.jpg);background-size:cover;background-color:#222;width:100%;height:100vh}._box_gr6pn_1{display:inline-block;position:absolute;width:var(--w);height:var(--w);transform-style:preserve-3d;transform:rotateX(var(--rX)) rotateY(var(--rY))}._box_gr6pn_1 div{display:block;width:100%;height:100%;position:relative;transform-style:preserve-3d}._side_gr6pn_39{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#34353a;transform:translateZ(20px);background-color:#fff;box-shadow:0 0 15px 6px #0003 inset}._side_gr6pn_39:nth-child(1){transform:rotateX(0) translateZ(calc(var(--w)/2))}._side_gr6pn_39:nth-child(2){transform:rotateX(90deg) translateZ(calc(var(--w)/2))}._side_gr6pn_39:nth-child(3){transform:rotateX(180deg) translateZ(calc(var(--w)/2))}._side_gr6pn_39:nth-child(4){transform:rotateX(-90deg) translateZ(calc(var(--w)/2))}._side_gr6pn_39:nth-child(5){transform:rotateY(90deg) translateZ(calc(var(--w)/2))}._side_gr6pn_39:nth-child(6){transform:rotateY(-90deg) translateZ(calc(var(--w)/2))}._one_1olzl_1{top:20%;left:10%;--w: 100px;--rX: 40deg;--rY: 40deg;animation-name:_AnimOne_1olzl_1;animation-duration:7s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.39,.575,.565,1)}@keyframes _AnimOne_1olzl_1{0%,to{transform:rotateX(0) rotateY(0) translateZ(100px)}50%{transform:rotateX(40deg) rotateY(180deg)}}._two_1olzl_51{top:70%;left:20%;--w: 120px;--rX: 40deg;--rY: 40deg;animation-name:_AnimTwo_1olzl_1;animation-duration:7s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.68,-.55,.265,1.55)}@keyframes _AnimTwo_1olzl_1{0%,to{transform:rotateX(0) rotateY(0)}50%{transform:rotateX(30deg) rotateY(280deg)}}._three_1olzl_103{top:33%;left:32%;--w: 50px;--rX: 40deg;--rY: 40deg;animation-name:_AnimThree_1olzl_1;animation-duration:7s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.785,.135,.15,.86)}@keyframes _AnimThree_1olzl_1{0%,to{transform:rotateX(0) rotateY(0) scaleZ(1)}50%{transform:rotateX(180deg) rotateY(180deg) scale3d(2,2,2)}}._four_1olzl_145{top:23%;left:82%;--w: 90px;--rX: 70deg;--rY: 40deg;animation-name:_AnimFour_1olzl_1;animation-duration:7s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.19,1,.22,1)}@keyframes _AnimFour_1olzl_1{0%,to{transform:rotateX(0) rotateY(0) scaleZ(1)}50%{transform:rotateX(40deg) rotateY(320deg) scale3d(1.2,1.2,1.2)}}._five_1olzl_193{top:53%;left:72%;--w: 120px;--rX: 20deg;--rY: 10deg;animation-name:_AnimFive_1olzl_1;animation-duration:7s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.39,.575,.565,1)}@keyframes _AnimFive_1olzl_1{0%,to{transform:rotateX(0) rotateY(0)}50%{transform:rotateX(220deg) rotateY(220deg)}}._six_1olzl_241{top:83%;left:82%;--w: 88px;--rX: 40deg;--rY: 40deg;animation-name:_AnimSix_1olzl_1;animation-duration:4s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@keyframes _AnimSix_1olzl_1{0%,to{transform:rotateX(0) rotateY(0)}50%{transform:rotateX(37deg) rotateY(180deg)}70%{transform:rotateX(180deg) rotateY(0)}}