.wrapper{width:420px;background:transparent;color:#fff;padding:30px 40px;border:2px solid hsla(0,0%,100%,.2);box-shadow:0 0 10px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);border-radius:10px}.wrapper h1{font-size:36px;text-align:center;margin-bottom:20px}.wrapper .input-box{position:relative;width:100%;height:50px;margin:20px 0;font-size:16px;padding:10px}.wrapper .input-box input{width:100%;height:100%;background:transparent;border:2px solid hsla(0,0%,100%,.2);outline:none;border-radius:40px;font-size:16px;color:#fff;padding:20px 45px 20px 20px}.wrapper .input-box input::-moz-placeholder{color:#fff}.wrapper .input-box input::placeholder{color:#fff}.wrapper .input-box .icon{position:absolute;right:30px;top:65%;transform:translateY(-50%);cursor:pointer;color:#fff;font-size:18px;transition:all .3s ease}.wrapper .input-box .icon:hover{color:#76c7c0}.wrapper button{width:100%;height:45px;background:#fff;border:none;outline:none;border-radius:40px;box-shadow:0 0 10px transparent;cursor:pointer;font-size:16px;color:#333;font-weight:700;margin-bottom:10px}.wrapper button:disabled{background:#ccc;cursor:not-allowed}.wrapper .or-separator{display:flex;align-items:center;justify-content:center;margin:20px 0;color:#fff;font-weight:700}.wrapper .or-separator .line{width:45%;height:1px;background-color:hsla(0,0%,100%,.5)}.wrapper .or-separator .or{padding:0 10px}.wrapper .google-signup-button{display:flex;align-items:center;justify-content:center;background-color:#fff;margin-top:10px;height:45px;border-radius:40px;cursor:pointer;font-size:16px;font-weight:700;transition:background-color .3s ease}.wrapper .swap-page{font-size:14.5px;text-align:center;margin-top:20px}.wrapper .swap-page .link{cursor:pointer;color:#fff;text-decoration:none}.wrapper .swap-page .link:hover{text-decoration:underline}