:root{--bg-start:#3db244;--bg-middle:#228b22;--bg-end:#145a18}html,body{background:radial-gradient(circle at 50% 40%,#fff 0%,#f5fffa 40%,#ddeeda 100%);justify-content:center;align-items:center;min-height:100vh;margin:0;padding:0;display:flex}.form-container{--bg-start:#3db244;--bg-middle:#228b22;--bg-end:#145a18;background-image:radial-gradient(circle, var(--bg-start) 0%, var(--bg-middle) 35%, var(--bg-end) 100%);background-color:var(--bg-start);box-sizing:border-box;border-radius:8px;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;max-width:54rem;padding:1.5rem 1.5rem 2.5rem;display:flex;position:relative;box-shadow:0 4px 25px #0000002e,0 1px 3px #0000001a}.form-content{background-color:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-width:30rem;max-width:40rem;padding:2rem;display:flex;position:relative;box-shadow:0 .2rem 1rem #00000080}#login-form{flex-direction:column;gap:1rem;max-width:40rem;margin-bottom:2rem;display:flex}.fieldset,fieldset{justify-content:center;display:flex}fieldset>:not(:last-child){margin-right:2rem}#login-form fieldset input[type=radio]{box-shadow:none}label{display:flex}.input-group{flex-direction:column;display:flex}.input-group label{justify-content:space-between;gap:.5rem;display:flex}.input-group input{flex:1}.input-group .register-name{gap:0;display:flex}.social-login{flex-flow:column wrap;justify-content:center;gap:1rem;padding-top:1rem;display:flex}.social-login.login{width:100%;max-width:25rem}.social-login.register{width:100%;margin:0 auto}#login-form label span{align-self:center;width:8rem}#login-form label input[name=last],#login-form label input[name=first]{flex-grow:1;min-width:8rem}#login-form label input[name=first]{margin-right:.5rem}#login-form label input{flex-grow:2}.links ul{align-items:center;gap:1.5rem;margin-top:1rem;padding:0;list-style:none;display:flex}.links a:hover{text-decoration-style:wavy;text-decoration-thickness:1px}.loginButton{text-align:center;cursor:default;text-align:center;white-space:nowrap;background-color:#fff;border:none;border-radius:8px;margin:0;padding:1rem;font-family:inherit;font-size:1rem;line-height:1.5;text-decoration:none;box-shadow:0 0 1px #0003,0 1px 2px #0003}.loginButton :hover{box-shadow:0 0 1px #0009,0 1px 2px #0003}.button:focus{outline-style:solid;outline-color:#0000;transition:all .7s;box-shadow:0 0 0 1px #5a01a7}.loginButton:active{transform:translateY(1px);box-shadow:0 0 1px #0006}.facebook{color:#fff;background-color:#5890ff;background-image:url(/images/facebook.svg);background-position:10%;background-repeat:no-repeat;background-size:2.5rem}.facebook:hover{background-color:#002ead;transition:all .7s}.google{color:#fff;background-color:#ff5722;background-image:url(/images/google.svg);background-position:10%;background-repeat:no-repeat;background-size:2rem}.google:hover{background-color:#dd2c00;transition:all .7s}.form-container .help-message-container{transform:translate(50%)}.form-container h1{margin-top:1rem;font-size:large}.form-content h2{text-align:center;text-shadow:1px 1px 2px #575757;color:#fff;background-color:#228b22;max-width:40rem;margin:0 60px 20px;padding:10px 40px;position:relative;box-shadow:0 0 1px #0003,0 2px 2px #0003}.form-content h2:before,.form-content h2:after{content:"";clip-path:polygon(0 0,100% 0,100% 100%,0 100%,25% 50%);background-color:#228b22;background-image:linear-gradient(45deg,#0000 50%,#2c6b38 50%);background-position:100% 100%;background-repeat:no-repeat;background-size:20px 20px;width:80px;height:100%;position:absolute;top:20px}.form-content h2:before{left:-60px}.form-content h2:after{right:-60px;transform:scaleX(-1)}@media (max-width:640px){.form-container{border-radius:6px!important;width:100%!important;max-width:100%!important;padding:1.25rem .75rem!important}.form-content{border-radius:5px!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:1.75rem 1rem!important}.button-group-responsive{flex-direction:column!important}.button-group-responsive>a,.button-group-responsive>form{width:100%!important}#login-form{flex-direction:column;align-items:stretch}.fieldset{flex-direction:column;align-items:center}.input-group label{flex-direction:column;align-items:flex-start}.input-group .register-name{flex-direction:row;align-items:center}.input-group .register-name span{width:8rem}.input-group .input-name{flex-direction:column;gap:.5rem;display:flex}#login-form label input[name=first]{margin-right:0}.social-login{flex-direction:column;align-items:normal;padding-top:1rem}.loginButton{width:100%}.form-container .help-message-container{transform:translate(0)}}