.form{flex-direction:column;gap:10px;max-width:350px;background-color:#fff;padding:20px;border-radius:20px}.form,.title{display:flex;position:relative}.title{font-size:28px;color:royalblue;font-weight:600;letter-spacing:-1px;align-items:center;padding-left:30px}.title:after,.title:before{position:absolute;content:"";height:16px;width:16px;border-radius:50%;left:0;background-color:royalblue}.title:before{width:18px;height:18px;background-color:royalblue}.title:after{width:18px;height:18px;animation:pulse 1s linear infinite}.message,.signin{color:rgba(88,87,87,.822);font-size:14px}.signin{text-align:center}.signin a{color:royalblue}.signin a:hover{-webkit-text-decoration:underline royalblue;text-decoration:underline royalblue}.flex{display:flex;width:100%;gap:6px}.form label{position:relative}.form label .input{width:100%;padding:10px 10px 20px;outline:0;border:1px solid rgba(105,105,105,.397);border-radius:10px}.form label .input+span{position:absolute;left:10px;top:15px;color:grey;font-size:.9em;cursor:text;transition:.3s ease}.form label .input:placeholder-shown+span{top:15px;font-size:.9em}.form label .input:focus+span,.form label .input:valid+span{top:30px;font-size:.7em;font-weight:600}.form label .input:valid+span{color:green}.submit{border:none;outline:none;background-color:royalblue;padding:10px;border-radius:10px;color:#fff;font-size:16px;transform:.3s ease}.submit:hover{background-color:rgb(56,90,194)}@keyframes pulse{0%{transform:scale(.9);opacity:1}to{transform:scale(1.8);opacity:0}}