.form .control input,body{font-family:monospace,serif;letter-spacing:.05em}.form .btn,.form .control input{padding:14px 16px;border:0;color:#fff;font-size:16px;background:0 0;width:100%}.form .btn,.form .btn.submit-button .bg,.form .btn.submit-button .bg-right,.form .btn.submit-button .bg-top{background:0 0}*,::after,::before{box-sizing:border-box}body{background-color:#1f1f1f;color:#fff}h1{font-size:23px}.form{width:300px;padding:64px 15px 24px;margin:0 auto}.form .control{margin:0 0 24px}.form .control input:focus,.form .control input:hover{outline:0;border:0}.form .btn{display:block;outline:0;letter-spacing:.1em;font-weight:700;font-family:monospace}.form .btn.submit-button{cursor:pointer;user-select:none;position:relative;z-index:2;text-align:center}.form .btn.submit-button .bg-right::after,.form .btn.submit-button .bg-right::before,.form .btn.submit-button .bg-top::after,.form .btn.submit-button .bg-top::before,.form .btn.submit-button .bg::after,.form .btn.submit-button .bg::before{content:"";position:absolute;background-color:#020024;transition:background-color .2s ease-in-out}.form .btn.submit-button .bg-top::after,.form .btn.submit-button .bg-top::before{height:10px;width:100%;bottom:100%;left:5px;transform:skew(-45deg,0)}.form .btn.submit-button .bg-top::after{left:auto;right:5px;transform:skew(45deg,0)}.form .btn.submit-button .bg-right::after,.form .btn.submit-button .bg-right::before{width:10px;height:100%;top:-5px;transform:skew(0,-45deg)}.form .btn.submit-button .bg-right::after{top:auto;bottom:-5px;transform:skew(0,45deg)}.form .btn.submit-button .bg-inner,.form .btn.submit-button .bg::after,.form .btn.submit-button .bg::before{top:2px;left:2px;right:2px;bottom:2px}.form .btn.submit-button .bg-inner{background-color:#1f1f1f;position:absolute;transition:.2s ease-in-out}.form .btn.submit-button:hover .bg-right::after,.form .btn.submit-button:hover .bg-right::before,.form .btn.submit-button:hover .bg-top::after,.form .btn.submit-button:hover .bg-top::before,.form .btn.submit-button:hover .bg::after,.form .btn.submit-button:hover .bg::before{background-color:rgba(255,255,255,.8)}.form .btn.submit-button:hover .bg-inner{top:100%;background-color:rgba(255,255,255,.5)}.block-cube{position:relative}.block-cube .bg-top{position:absolute;height:10px;background:#020024;background:linear-gradient(90deg,#303030 0,#575757 37%,#f60 94%);bottom:100%;left:5px;right:-5px;transform:skew(-45deg,0);margin:0}.block-cube .bg-top .bg-inner{bottom:0}.block-cube .bg{position:absolute;left:0;top:0;right:0;bottom:0;background:#020024;background:linear-gradient(90deg,#303030 0,#575757 37%,#f60 94%)}.block-cube .bg-right{position:absolute;background:#f60;top:-5px;z-index:0;bottom:5px;width:10px;left:100%;transform:skew(0,-45deg)}.block-cube .bg-right .bg-inner{left:0}.block-cube .bg .bg-inner,.block-cube.block-input .bg-right .bg-inner,.block-cube.block-input .bg-top .bg-inner{transition:.2s ease-in-out}.block-cube .bg-inner{background:#1f1f1f;position:absolute;left:2px;top:2px;right:2px;bottom:2px}.block-cube .text,.block-cube.block-input input{position:relative;z-index:2}.block-cube.block-input input:focus~.bg-inner .bg-inner,.block-cube.block-input input:focus~.bg-right .bg-inner,.block-cube.block-input input:focus~.bg-top .bg-inner{top:100%;background:rgba(255,255,255,.5)}.block-cube.block-input .bg,.block-cube.block-input .bg-right,.block-cube.block-input .bg-top{background:rgba(255,255,255,.5);transition:background .2s ease-in-out}.block-cube.block-input:focus .bg,.block-cube.block-input:focus .bg-right,.block-cube.block-input:focus .bg-top,.block-cube.block-input:hover .bg,.block-cube.block-input:hover .bg-right,.block-cube.block-input:hover .bg-top{background:rgba(255,255,255,.8)}.block-cube.block-cube-hover:focus .bg .bg-inner,.block-cube.block-cube-hover:hover .bg .bg-inner{top:100%}