*{box-sizing:border-box}html{height:100%}body{background-color:#6146a3;color:hsla(0,0%,100%,.5);font:300 1rem/1.5 Helvetica Neue,sans-serif;margin:0;min-height:100%}.background-image{mix-blend-mode:luminosity;opacity:.5;position:relative}.background-image img{left:3%;opacity:.2;position:absolute;top:100px;width:90%;z-index:0}.background-image-recover{mix-blend-mode:luminosity;opacity:.5;position:relative}.background-image-recover img{left:3%;opacity:.2;position:absolute;top:170px;width:90%;z-index:0}.image-zone{display:flex;justify-content:center}.image-zone img{height:auto;margin-bottom:2rem;width:75%}.align{align-items:center;display:flex;flex-direction:row}.align__item--start{align-self:flex-start}.align__item--end{align-self:flex-end}.site__logo{margin-bottom:2rem}.grid{margin:0 auto;max-width:25rem;width:100%}h2.welcome{font-size:2.75rem;font-weight:100;margin:0 0 2rem;text-transform:uppercase}a,h2.welcome{color:hsla(0,0%,100%,.5)}a:hover{color:#ff822e}.register{background-color:#543893;box-shadow:0 0 100px #1e1d1d;padding:2rem 2rem 4rem;text-align:center}.textbox{margin-top:16px;position:relative}.textbox>label{left:44px;padding:4px 8px;translate:0 -50%}.textbox>.icon{font-size:26px;left:16px;z-index:2}.textbox>input{background:0 0;border:2px solid hsla(0,0%,100%,.5);border-radius:4px;color:#f9f9f9;font-family:inherit;font-size:16px;height:56px;outline:0;padding-left:48px;transition:.3s;width:330px}.textbox :is(label,span){color:hsla(0,0%,100%,.5);pointer-events:none;position:absolute;top:50%;transition:.3s;translate:0 -50%}.textbox>:is(input:focus,.has-value)~span{color:hsla(0,0%,100%,.5)}.textbox>:is(input:focus,.has-value)~label{background:#543893;color:#fff;scale:.8;translate:-42px -42px}.textbox>:is(input:focus,.has-value)~.icon{color:#ff822e}.btn-warning{background-color:#ff822e;border:2px solid #ff822e;color:#fff;width:100%;z-index:10}.btn-warning:hover{background-color:rgba(255,130,46,.8);border:2px solid rgba(255,130,46,.8);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);color:#fff;cursor:pointer}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:#fff;-webkit-background-clip:text;box-shadow:inset 0 0 20px 20px rgba(35,35,35,.161);-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}