body{margin:0;font-family:'Open Sans',sans-serif}.field-groove-join-url{text-align:center;color:#333}.field-groove-join-url .hide{display:none}.field-groove-join-url .logo{margin:50px 0;text-align:center}.field-groove-join-url .logo img{max-width:300px}.field-groove-join-url h1{margin:20px 0;font-size:48px;line-height:1.5em;font-weight:bold}.field-groove-join-url h3{margin:20px 0;font-size:24px;line-height:1.5em;font-weight:normal;color:#454245}.field-groove-join-url h3 b{color:#333}.field-groove-join-url .form-content{margin:30px auto;width:500px}.field-groove-join-url .form-content .input-element{display:flex;flex-direction:row;justify-content:flex-start;position:relative;padding:0 15px;color:#333;font-size:20px;box-sizing:border-box}.field-groove-join-url .form-content .input-element .input{position:absolute;top:0;left:0;padding:0 15px;width:100%;height:48px;line-height:normal;font-size:20px;font-weight:400;border-radius:12px;border:solid 1px #5e5d6073;transition:box-shadow .3s;box-sizing:border-box}.field-groove-join-url .form-content .input-element input:active,.field-groove-join-url .form-content .input-element input:focus-visible{outline:none;box-shadow:0 0 2px 2px rgba(46,89,176,.7)}.field-groove-join-url .form-content .input-element input::placeholder{color:rgba(46,89,176,.7);font-size:20px;font-weight:400}.field-groove-join-url .form-content .input-element .value{position:relative;margin-right:5px;z-index:3;line-height:48px;font-size:20px;font-weight:400;color:transparent;pointer-events:none;user-select:none}.field-groove-join-url .form-content .input-element .subfix{position:relative;z-index:3;line-height:48px;color:#333;font-weight:bold;pointer-events:none}.field-groove-join-url .form-content .input-element.no-value .input{color:rgba(46,89,176,.7)}.field-groove-join-url .form-content .input-element.no-value .value{color:transparent}.field-groove-join-url .form-content .message{margin-top:10px;font-size:16px;color:#c01343;text-align:left}.field-groove-join-url .form-content .action{margin-top:30px;text-align:center}.field-groove-join-url .form-content .action .btn{display:block;width:100%;height:48px;line-height:48px;text-align:center;background-color:rgba(46,89,176,.9);font-size:24px;font-weight:bold;color:#fff;border-radius:12px;border:none;cursor:pointer;transition:all .3s}.field-groove-join-url .form-content .action .btn:hover{transform:scale(1.01)}@media screen and (max-width:480px){.field-groove-join-url .logo{margin:30px 0}.field-groove-join-url .logo img{max-width:260px}.field-groove-join-url h1{font-size:24px}.field-groove-join-url h3{font-size:16px}.field-groove-join-url .form-content{width:88%}.field-groove-join-url .form-content .input-element .input,.field-groove-join-url .form-content .input-element .input::placeholder,.field-groove-join-url .form-content .input-element .value,.field-groove-join-url .form-content .input-element .subfix{font-size:16px;height:44px;line-height:44px}.field-groove-join-url .form-content .message{font-size:14px;text-indent:.5em}.field-groove-join-url .form-content .action{margin:20px auto;text-align:center}.field-groove-join-url .form-content .action .btn{font-size:20px;height:44px;line-height:44px}}