body,html{margin:0;padding:0;height:100%;font-family:Arial,sans-serif}.background-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100vw;height:100vh}.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}.wrapper .input-box{position:relative;width:100%;height:50px;margin:20px 0;font-size:16px;color:#fff;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:50%;transform:translateY(-5)}.wrapper .remember-forgot{display:flex;justify-content:space-between;font-size:14.5px;margin:15px}.wrapper .remember-forgot label input{accent-color:#fff;margin-right:4px}.wrapper .remember-forgot label input:hover{accent-color:#c3c3c3}.wrapper .remember-forgot a{color:#fff;text-decoration:none;cursor:pointer}.wrapper .remember-forgot a:hover{text-decoration:underline}.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}.wrapper button:disabled{background:#ccc;cursor:not-allowed}.wrapper .google-login-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}