*{padding:0;margin:0;list-style:none;outline:0}body{background:#fff;height:100vh;position:relative;display:flex;justify-content:center;align-items:center}img{animation-name:tm;animation-duration:1s;animation-delay:.2s;animation-fill-mode:backwards;animation-timing-function:cubic-bezier(.5,.29,.11,1.01)}.top{position:absolute;top:0;left:0}.bottom{position:absolute;bottom:0;right:0}.container{width:500px;z-index:9;animation-name:sf;animation-duration:1s;animation-delay:.4s;animation-fill-mode:backwards;animation-timing-function:cubic-bezier(.5,.29,.11,1.01)}.TextBox{display:flex;align-items:center}.TextBox>p{color:#999}.TextBox>p:nth-child(1){font-size:30px;font-weight:600;margin-right:30px;color:#333}.TextBox>p:nth-child(2){font-size:12px}.InputBox{width:100%;margin-top:80px}.InputBox>div{border-bottom:1px solid #e5e5e5;margin-bottom:40px}.InputBox>div:hover{border-bottom:1px solid #333}.InputBox p{font-size:12px;color:#999}.InputBox input{width:100%;padding:14px 0 10px 0;background:0;border:0;font-size:14px;font-weight:600}.button{width:100%;height:40px;background:linear-gradient(to right,#fd644f,#f28e26);color:#fff;border:0;margin-top:30px;transition:all .2s linear}.button:hover{box-shadow:0 10px 20px rgba(41,164,245,.3);transform:translate3d(0,-4px,0)}.information{position:absolute;bottom:30px;font-size:10px;color:#999}@keyframes tm{0%{opacity:0}100%{opacity:1}}@keyframes sf{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1);opacity:.8}100%{transform:scale(1);opacity:1}}